我目前正在学习使用canvas,不明白这两个功能的区别。据我所知,翻译方法“移动 Canvas ”?谁能解释一下?
编辑:moveTo 是否仅在路径上下文中使用?
最佳答案
比 Kolink 更具体一点,因为我认为解释有点模糊;
-你传递给moveTo
的坐标是一条新线(或形状)的起点;就像从纸上拿起笔并将其放在新位置(新坐标)一样。
-lineTo
的功能是“在纸上移动笔以画一条线”(到您给定的新坐标,因为您需要两个点来绘制一条线,显然)
-您可以一个接一个地放置多个 lineTo
调用,它将使用您结束的最后一个点来继续该行,如下所示:
ctx.moveTo(100,50);
ctx.lineTo(25,175);
ctx.lineTo(175,175);
ctx.lineTo(100,50);
ctx.stroke();
这是一个显示结果的简单 fiddle :http://jsfiddle.net/fbZKu/
(您甚至可以使用 ctx.fill()
“填充”您制作的这些形状!)
-translate
的作用是将 Canvas 的(0,0)坐标(左上角)移动到新坐标。
我希望这能让事情更清楚一点!编码愉快! :)
关于javascript - 在 HTML5 canvas 中,translate() 和 moveTo() javascript 函数有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19149035/