为什么要使用fillRect而不是翻译？

Question

我想知道为什么在第二个fillRect之前调用translate的翻译具有相同的坐标？

难道你不能用另一个坐标填充反射吗？

代码：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(100,10,100,40);

Answer 1

是的，你可以。删除翻译并使用ctx.fillRect(170,80,100,40);会更简单并且具有相同的结果。