html5 canvas怎么画两个矩形

var canvas=document.getElementById('canvas');
var ctx =getContext('2d');
ctx.beginPath();
ctx.lineWidth=1;
ctx.strokeStyle="#000";
ctx.rect(0,0,10,20);
ctx.stroke();
ctx.closePath();
//用closepath结束绘画，否则可能出现黏连；
ctx.beginPath();
ctx.lineWidth=1;
ctx.strokeStyle="#f00";
ctx.rect(50,0,10,20);
ctx.stroke();
ctx.closePath();

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/efj2vyv37r77f7v32y.html