study/p5js/1.基本图形.js
2022-12-18 15:56:32 +08:00

26 lines
454 B
JavaScript

function setup() {
createCanvas(400, 400);
background(0);
strokeWeight(2);
noFill();
// 画线
stroke("#FFFFFF");
line(50, 50, 150, 150);
// 画圆
stroke("red");
// circle(300, 100, 100);
ellipse(300, 100, 100);
// 画矩形
stroke("blue");
square(75, 275, 50);
rect(50, 250, 100);
// 画三角形
stroke("yellow");
triangle(300, 250, 350, 350, 250, 350);
}
function draw() {
}