圖片標籤 - Let's Write

圖片壓縮：用 Compressor-js 自動調整品質壓縮至指定大小

本篇要解決的問題很多網站功能會需要處理使用者上傳 […]

用 TensorFlow.js COCO-SSD 辨識圖片物件

學習如何使用 Tensorflow.js 的 COCO-SSD 模型在網頁上進行圖片物件辨識，包括基本使用方法、進階應用及實作範例，輕鬆辨識圖片中的人數和物件。

ML5.js 神經網路開發圖像辨識

本文介紹如何使用 Vue.js 結合 ml5.js 和 File API 創建圖像識別應用。探索從基本設置到解決常見問題的詳細步驟，並查看實際的示例 Demo。

簡單的網頁截圖功能 – DOM to Image

這篇文章教你如何使用 DOM to Image 進行網頁截圖。內容包括如何安裝和使用 DOM to Image，注意事項，以及一個實用的 Demo 和原始碼。文章還探討了 Notion AI 生成的文章，並在最後提供了一個關於生成式 AI 影響的彩蛋。

HEIC 格式的圖片怎麼辦？使用 heic2any.js 轉換為 JPEG 或 PNG

這篇文章教你如何使用 heic2any.js 來轉換 HEIC 格式的圖片。內容包括 HEIC 格式的介紹、如何使用 heic2any.js、處理從 iPhone 上傳的 HEIC 格式圖片，以及處理 API 回應的 HEIC Base64 格式圖檔的方法。文章提供了實用的 Demo 和原始碼。

用 HTML 的 capture 屬性，開啟手機鏡頭進行拍照、錄影

探索如何使用 HTML 的 capture 屬性開啟手機鏡頭進行拍照和錄影。本文詳細解釋了開啟鏡頭、預覽照片和影片、轉圖片和轉影片的方法，以及客製 input file 和支援度和安全性的考慮。附帶實用範例和說明。

簡單的網頁截圖功能 – html2canvas、Canvas2image

這篇文章教你如何使用 html2canvas 和 Canvas2image 來將網頁的特定區塊轉換成圖像文件。文章內容包括將指定的 HTML 區塊轉換成 Canvas，將 Canvas 轉存成圖像文件，以及如何截取多個 div 並將它們存儲為圖像。文章提供了範例和原始碼，以及一個實用的 Demo 供讀者參考和使用。

這篇文章教你如何使用 Color Thief 這個 JavaScript 庫來從圖片中提取顏色。內容包括 Color Thief 的基本使用、如何引用 JS、使用 getColor 和 getPalette 函數來取得圖片的主要色碼和調色盤，以及進階使用技巧，例如如何將色碼由亮到暗排序，如何取得使用者選擇的圖檔，和如何將 RGB 色碼轉換為 Hex 色碼。文章最後還提供了原始碼和 Demo 供讀者參考。