在processing.js中绘制直线可以使用line()
函数。line()
函数需要四个参数,分别是起点的x坐标、起点的y坐标、终点的x坐标和终点的y坐标。以下是绘制直线的示例代码:
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
// 绘制直线
line(50, 50, 350, 350);
}
在上述代码中,createCanvas(400, 400)
用于创建一个400x400像素大小的画布,background(220)
用于设置画布的背景色为灰色。line(50, 50, 350, 350)
用于绘制起点坐标为(50, 50),终点坐标为(350, 350)的直线。
关于processing.js的更多绘图函数和用法,你可以参考腾讯云的产品介绍链接地址:processing.js产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云