軟體主廚的程式料理廚房

前一篇文章介紹了用 Canvas 來合併、縮放、裁切圖片，文章裡面範例的圖片來源是 HTMLImageElement，這天我們美編丟了兩段 SVG（Scalable Vector Graphics）格式的 HTML，我就想說都是圖片應該都一樣吧，依樣畫葫蘆想合併這兩張圖片，結果…

在我剛學習網頁程式設計的那個年代，要在前端網頁上對圖片做除了顯示／隱藏／放大／縮小以外的處理，大都是丟到後端處理完後再丟回來，拜網頁設計技術進步所賜，生出了 Canvas 這個東西，讓我們可以利用客戶端的運算資源執行繪圖的工作，甚至要搞出一個純前端的小畫家是完全沒有問題的。