javascript - 如何翻转 HTML Canvas 上绘制的路径

Question

我正在尝试翻转在 canvas 上绘制的绘图。请引用代码http://jsfiddle.net/hhzhR/1/ 。请注意，那里的代码画了一个“L”。如果我取消注释代码 ctx.scale(1, -1); 则不会渲染任何内容。

Answer 1

当您翻转 Canvas 时，路径会被绘制到 Canvas 区域之外。您还必须翻译 Canvas :

ctx.translate(0, canvas.height);

喜欢this example .