前端中圖片的處理

• 頁面中內嵌圖片
  • 有時不想讓html頁面引用絕對或相對路徑的圖片，而是想要將圖片嵌入到頁面中成爲一體的一個文件，這時能夠將圖片序列化成base64的格式再放到HTML頁面中
  • 嵌入頁面中的格式：
  • 網上能夠找工具將圖片轉成base64編碼的形式，或者代碼中來處理。
  • HTML5中用canvas將頁面元素轉換成圖片，其實也是轉換成了base64編碼的圖片，html2canvas(document.getElementById('dom_id)).then(canvas => {canvas.toDataURL()});
  • base64編碼的圖片信息，會比直接的圖片文件大三分之一左右