似乎无法让ctx.slale（-1,1）在HTML5画布中工作

Question

我正在尝试在画布中创建动态生成的一组线条的镜像转换（以及后来的角度转换）。我试图通过翻转画布并在每一步绘制一条对称线来尝试这样做：

• 生成随机变量

• 画线

  ctx.save();

  ctx.scale(-1,1);

• 在翻转的上下文中绘制线条

  ctx. restore();

我认为上下文没有被恰当地翻转，因为如果我将比例值设置为-5和5，它们会使我的线条变粗而不会翻转它们。

完全尝试：http://codepen.io/RadaCodes/pen/RKQOXW?editors=1010

请建议我做错了什么。谢谢。