Javascript 绘制旋转画布后画布模糊

Javascript 绘制旋转画布后画布模糊,javascript,jquery,html,canvas,blurry,Javascript,Jquery,Html,Canvas,Blurry,我正在尝试在一个新的画布上绘制画布,但不仅仅是为了绘制它,我还需要旋转它。角度不能被Math.PI/2整除,新画布变得越来越模糊(每次旋转后)。 当我改变了旋转角度,使之与可以被Math.PI/2整除的角度一致时,一切都正常 那个问题有什么解决办法吗 提前谢谢你 因为您每次都在画布上绘制一个图像,所以该图像恰好是另一个画布 由于旋转,它必须近似像素,因此每次都会丢失信息 如果你需要这是准确的,那么你不能这样做。您不需要在画布a上做一堆工作,然后旋转画布B并在顶部绘制画布a,而是需要: 还记得画布

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

那个问题有什么解决办法吗


提前谢谢你

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

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

如果你需要这是准确的,那么你不能这样做。您不需要在画布a上做一堆工作,然后旋转画布B并在顶部绘制画布a,而是需要:

  • 还记得画布A和旋转画布B上使用的所有绘图命令吗
  • (重新)提交画布B上已进行旋转变换的绘图命令
  • 请记住,在您的命令堆栈中,存在旋转,因此当您在画布B上执行更多操作时,您将能够将这些操作完美地绘制到最终的画布C

  • 保存
    /
    旋转
    /
    恢复
    你能打开一个JSFiddle.net吗?