前一篇文章介紹了用 Canvas 來合併、縮放、裁切圖片,文章裡面範例的圖片來源是 HTMLImageElement,這天我們美編丟了兩段 SVG(Scalable Vector Graphics)格式的 HTML,我就想說都是圖片應該都一樣吧,依樣畫葫蘆想合併這兩張圖片,結果…
[小菜一碟] 在前端使用 JavaScript 操作 Canvas 來合併 SVG(Scalable Vector Graphics)圖片
- 560
- 0
- JavaScript
前一篇文章介紹了用 Canvas 來合併、縮放、裁切圖片,文章裡面範例的圖片來源是 HTMLImageElement,這天我們美編丟了兩段 SVG(Scalable Vector Graphics)格式的 HTML,我就想說都是圖片應該都一樣吧,依樣畫葫蘆想合併這兩張圖片,結果…
在我剛學習網頁程式設計的那個年代,要在前端網頁上對圖片做除了顯示/隱藏/放大/縮小以外的處理,大都是丟到後端處理完後再丟回來,拜網頁設計技術進步所賜,生出了 Canvas 這個東西,讓我們可以利用客戶端的運算資源執行繪圖的工作,甚至要搞出一個純前端的小畫家是完全沒有問題的。