从<img>标签中转换
获取元素示例:
<img id="image" src="/img/background.jpg" />
转 base64 示例:
var imageData = document.getElementById("image").toDataURL();
个别情况:有时候图片有显示,但是(Console)控制台显示说数据污染,需要在 <img> 中添加属性
crossOrigin="anonymous"
直接获取
var img=new Image;
// 允许跨域(关键)
img.crossOrigin="*";
img.src="/img/background.jpg";
var imageData = img.toDataURL();
备注:服务器配置必须支持跨域获取