javascript - 绘制旋转画布后画布模糊

Question

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

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

先感谢您！

Answer 1

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

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

如果您需要准确无误，那么您就无法按照自己的方式进行操作。而不是在画布 A 上做一堆东西，然后旋转画布 B 并在顶部绘制画布 A，您需要改为：

1. 记住 Canvas A 上使用的所有绘图命令 Rotate Canvas B
2. （重新）在具有旋转变换的 Canvas B 上提交那些绘图命令。
3. 记住在你的命令堆栈中旋转，这样当你在 Canvas B 上做更多的事情时，你就可以完美地将它们绘制到最终的 Canvas C 上。