前端base64转png图片,生成透明背景
时间: 2023-11-04 08:00:41 浏览: 360
对于前端将base64转换为透明背景的PNG图片,你可以使用以下步骤实现:
```
1. 将base64的数据转换为Blob对象。
2. 创建一个Image对象,并将Blob对象的URL赋给它。
3. 创建一个Canvas对象,并设置其宽度和高度与Image对象相同。
4. 获取Canvas的上下文对象。
5. 绘制透明背景。
6. 使用drawImage()方法将Image对象绘制到Canvas上。
7. 使用toDataURL()方法将Canvas上的图像转换为base64格式的透明背景PNG图片。
```
阅读全文
相关推荐














