Jan 16, 2023
雖然說ImageMagick是可以處理圖片沒錯，但畢竟要安裝工具還是有點麻煩。 能不能直接在網頁就能裁切圖片多餘的邊緣呢？。 ---- # Canvas影像處理 / Image process in Canvas。 https://stackoverflow.com/a/12178531。 Jose Rui Santos使用Canvas標籤讀取圖片，接著用像素掃描的方式決定裁切邊界，再來就用Canvas的方法來裁切圖片即可。 這個方法的限制在於圖片的來源。 一般情況下，在網頁顯示圖片不會有太多限制，但如果要處理圖片的話，圖片本身會受到CORS限制，只有同個網域或本機網址才能讀取。 http://jsfiddle.net/pulipuli/zo4m53px/。 或是另一個方法，把圖片轉換Base64編碼，這樣就能順利處理。 於是我整理了另一個例子供大家參考。 如果再把檔案選擇的input、拖曳的操作做進去的話，應該可以成為很方便的圖片處理工具吧。 ---- 你有用過什麼好用的圖片處理工具嗎？ 歡迎下面推薦喔！ ---- #Canvas #ImageProcess #JavaScript 看看網頁版全文 ⇨ 用JavaScript裁切圖片多餘邊緣 / Trim an Image by JavaScript https://blog.pulipuli.info/2023/01/blog-post_16.html
