绘制旋转画布后画布模糊

时间:2012-03-21 15:35:06

标签: javascript jquery html5 canvas blurry

我正在尝试在新画布上绘制画布,但不仅要绘制它,我还需要旋转它。 Math.PI / 2不会将角度整除,新画布越来越模糊(每次旋转后)。 当我将旋转更改为只有可被Math.PI / 2整除的角度时,一切都没问题。

这个问题有解决办法吗?

提前谢谢!

1 个答案:

答案 0 :(得分:0)

因为你每次都在画布上画一个图像,那个图像恰好是另一个画布。

由于你在旋转时必须近似像素,所以每次都会丢失信息。

如果你需要这是准确的,那么你不能按照你的方式去做。而不是在Canvas A上做一堆东西,然后旋转Canvas B并绘制Canvas A atop,你需要改为:

  1. 记住Canvas A Rotate Canvas B上使用的所有绘图命令
  2. (重新)在具有旋转变换的Canvas B上提交这些绘图命令。
  3. 请记住您的旋转命令堆栈,这样当您在Canvas B上执行更多操作时,您将能够完美地绘制到最终的Canvas C。