前端中图片的处理

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