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

In HTML5 canvas, what is the difference between the translate() and moveTo() javascript functions?

本文关键字：函数 javascript 什么 区别 moveTo 布中 translate HTML5      更新时间：2023-09-26

我目前正在学习使用画布，不明白这两个函数之间的区别。从我所读到的内容来看，翻译方法"移动画布"？有人可以解释一下吗？

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

比 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）坐标（左上角）移动到新坐标。

我希望这能把事情弄清楚一点！祝您编码愉快！:)

想象一下你在方格纸上画画。

moveTo意味着你拿起笔，在纸上移动它来画一条线。

translate意味着您可以移动纸张在桌子上的位置。

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

相关文章：