在HTML5画布中，translate（）和moveTo（）javascript函数有什么区别？

Question

我目前正在学习使用canvas，而不了解这两个函数的区别。从我读到的翻译方法“移动画布”？有人可以解释这个吗？

编辑：moveTo仅在路径的上下文中使用？

Answer 1

要比Kolink稍微具体一点，因为我觉得这个解释有些浑浊;

- 您传递的坐标moveTo是新行（或形状）的起点;就像从笔中取出笔并将其放置在新位置（新坐标）一样。

-lineTo的功能是“将纸笔移到纸上划出一条线”（对于给定的新坐标，因为显然需要两点画线）

- 你可以放置多个lineTo的呼声此起彼伏，它会使用你结束时，最后一点，继续行，像这样：

ctx.moveTo(100,50); 
ctx.lineTo(25,175); 
ctx.lineTo(175,175); 
ctx.lineTo(100,50); 
ctx.stroke(); 

这里的显示结果的简单的小提琴：http://jsfiddle.net/fbZKu/ （你甚至可以用ctx.fill()“填充”这些形状！）

- 使用translate将画布'（0,0）坐标（左上角）移动到新坐标。

我希望能清理一些东西！快乐的编码！ :)

Answer 2

想象一下，您正在绘制方格纸。

moveTo意味着你拿起你的笔，并将其移过纸张画出一条线。

translate表示您将纸张在桌面上的位置移动。

它们不能是更多不同的功能。