用canvas把圖檔轉為base64代碼

最近接到一個需求，其中需要把網絡圖檔的連結轉換為base64的位址。

其中，用canvas可以很友善的實作這個要求。

需要注意的兩點：

1、canvas需要設定寬高，不然會浏覽器會自動設定畫布大小，和圖檔大小不一緻

2、如果圖檔跨域，需要設定<code>$img.setattribute('crossorigin', 'anonymous')</code>，前提是伺服器支援跨域擷取圖檔

這是canvas中的一個小功能，canvas還能做到壓縮圖檔體積、加濾鏡、裁決等...