在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表示您將紙張在桌面上的位置移動。

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