首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML5画布中fillRect()和rect()的差别是什么?

HTML5画布中fillRect()和rect()的差别是什么?

提问于 2018-04-02 08:19:58
回答 2关注 0查看 217

在下面的代码中,fillStyle如果我改变了,第二个覆盖了第一个中指定的颜色rect(),然后fill()在两个位置(即两个矩形都是绿色)但是按预期工作(即,第一个矩形是蓝色,第二个矩形是绿色)第一个rect()fillRect()。为什么这样?我认为fillRect()只是rect()然后fill()

代码语言:javascript
复制
ctx.translate(canvas.width/2, canvas.height/2);

ctx.fillStyle = "#5A9BDC";
ctx.fillRect(0, 0, rectWidth, rectHeight);
// ctx.rect(0, 0, rectWidth, rectHeight);
// ctx.fill();    

ctx.translate(-canvas.width/2, -canvas.height/2);

ctx.fillStyle = "#31B131";
ctx.rect(0, 0, rectWidth, rectHeight);
ctx.fill();

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档