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

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

陈小浩同学

2021-04-16

源自：学写一个字 4-3

关注问题我要回答

487

操作

收起

1 回答

爬动的瓜子
2021-05-26

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

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

以下是菜鸟的截图：

。

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

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

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

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

学写一个字

参与学习 70880 人
解答问题 52 个

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

进入课程

本课相似问答

2 回答怎样可以在手机上运行查看效果？

1 回答如何记录每次写下的字？

1 回答F12看不见函数的执行

2 回答用canvas写的字，下一步如何识别？原理是怎样的

1 回答粗线条引发的问题中如果在最后加上了clostPath( ),lineCap( )貌似是会无效的，大家可以试试是不是这样。

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

1 回答

本课相似问答

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

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

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