如何翻转在 HTML 画布上绘制的路径

Question

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

Answer 1

当您翻转画布时，路径会从画布区域中绘制出来。你也必须翻译画布：

ctx.translate(0, canvas.height);

点赞this example。