问答详情
源自:4-3 屏幕触控响应事件

请问如何在进行toDataUrl之前 对图片进行旋转

我试了canvas.rotate(90*Math.PI/180) 没效果。也进行了 translate 都没有效果。转换成base64图片都没有任何旋转

提问者:陈小浩同学 2021-04-16 10:08

个回答

  • 爬动的瓜子
    2021-05-26 10:57:51

    首先,旋转针对的是上下文context,而不是画布canvas;

    其次,旋转要发生在绘图之前才会产生作用。

    以下是菜鸟的截图:

    http://img.mukewang.com/60adb6ca00014aab03060069.jpg

    想要得到画布旋转的效果,可以采用 

    canvas.style.transform = 'rotate(135deg)';

    但是这种方式下载得到的图片是没有旋转过的原图。