在 js-实现文档水印效果 中,用了 canvas.toDataURL
将水印导出为为base64
格式的字符串,用于作为容器背景。
接下来再介绍几种方式:
原文: https://blog.csdn.net/ambit_tsai/article/details/80888899
canvas
- 此方法只适用于静态图片
- 如果图片地址跨域,
canvas.toDataURL()
会失败
1 | let img = new Image(); |
FileReader
- 通过fetch或是ajax发起请求,受跨域问题限制;
- 该方法可以转换任意文件,不仅仅是图片。
1 | fetch('/path/to/target.gif') |
input 标签
1 | <input type="file" onchange="toDataURL(this)" /> |