如何翻轉在HTML畫布上繪製的路徑

Question

我試圖翻轉繪製在canvas上的繪圖。請參閱http://jsfiddle.net/hhzhR/1/的代碼。請注意，那裏的代碼會繪製一個'L'。如果我取消對代碼ctx.scale(1, -1);的註釋，則不顯示任何內容。

Answer 1

當您翻轉畫布時，路徑將從畫布區域中拉出。你也必須翻譯畫布：

ctx.translate(0, canvas.height); 

像this example。