DataURL简介
Data URLs,即为前缀为 data:scheme 的URL,其允许内容创建者向文档中嵌入小文件。
Data URLs 由四个部分组成:前缀(数据:),指示数据类型的MIME类型,如果非文本则为可选的base64令牌,数据本身:
data:[<mediatype>][;base64],<data>
如:”data:image/png;base64,iVBORw0KGgoAAA…”
详见MDN Web技术文档:Data URLs
转换远程图片
借助canvas的toDataURL方法
- 通过Image对象或是img元素发起请求,不存在跨域问题;
- 由于canvas固有限制,该方法只能转换静态图片。
let img = new Image();
// 或者
// let img = docum