<canvas
id="myCanvas"
height="600"
width="600"
>
</canvas>
myFunction() {
//首先,找到 <canvas> 元素:
var c = document.getElementById("myCanvas");
// 创建 context 对象
var ctx = c.getContext("2d");
//矩形
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 300, 300);
ctx.stroke();
//折线
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.stroke();
//圆
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();
},
宽高直接在标签中设置