画布 rect() Method

观看 rect() method 的不同值的演示。

或单击特定值以查看结果

rect(20,20,150,100);
rect(20,20,160,100);
rect(20,20,170,100);
rect(20,20,200,100);
rect(20,20,300,100);
你的浏览器不支持画布标签
你的浏览器不支持画布标签
你的浏览器不支持画布标签
你的浏览器不支持画布标签
你的浏览器不支持画布标签 
const c = document.getElementById('myCanvas');
const ctx = c.getContext('2d');
ctx.beginPath(); ctx.rect(20,20,150,100); ctx.stroke();

在我们的自己尝试编辑器中使用代码：自己动手 ❯