【问题标题】:Canvas blurry after drawing rotated canvas绘制旋转画布后画布模糊
【发布时间】:2012-03-21 15:35:05
【问题描述】:

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

这个问题有什么解决办法吗?

提前谢谢你!

【问题讨论】:

  • save / rotate / restore
  • 你能打开一个 JSFiddle.net 吗?

标签: javascript jquery html canvas blurry


【解决方案1】:

因为您每次都在画布上绘制图像,所以该图像恰好是另一个画布。

由于您在旋转,它必须近似像素,因此您每次都会丢失信息。

如果您需要准确地说,那么您就不能按照自己的方式去做。而不是在画布 A 上做一堆东西,然后旋转画布 B 并在顶部绘制画布 A,您需要改为:

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

【讨论】:

    猜你喜欢
    • 2015-11-01
    • 2016-08-20
    • 1970-01-01
    • 1970-01-01
    • 2015-11-03
    • 1970-01-01
    • 2016-11-21
    • 2011-03-11
    • 1970-01-01
    相关资源
    最近更新 更多