- 页面中内嵌图片
- 有时不想让html页面引用绝对或相对路径的图片,而是想要将图片嵌入到页面中成为一体的一个文件,这时可以将图片序列化成base64的格式再放到HTML页面中
- 嵌入页面中的格式:
- 网上可以找工具将图片转成base64编码的形式,或者代码中来处理。
- HTML5中用canvas将页面元素转换成图片,其实也是转换成了base64编码的图片,html2canvas(document.getElementById('dom_id)).then(canvas => {canvas.toDataURL()});
- base64编码的图片信息,会比直接的图片文件大三分之一左右