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

来源:4-3 屏幕触控响应事件

陈小浩同学

2021-04-16 10:08

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

写回答 关注

1回答

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

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

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

    以下是菜鸟的截图:

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

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

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

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

学写一个字

canvas系列第四课,与鼠标、触控交互,学习写出一个字

70879 学习 · 52 问题

查看课程

相似问题