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();
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();
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用moveTo(x,y)和lineTo(x1,y1)就可以。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
