文章詳情頁
javascript - 求助canvas繪制半透明的馬賽克？
瀏覽：245日期：2022-11-24 18:24:34
問題描述
我的需求是提供給用戶使用鼠標給上傳的證件涂抹馬賽克，我的思路是給canvas綁定鼠標事件，沿著用戶的鼠標按壓路徑，將一張半透明的png不停的繪制到證件上，現在我不想用半透明的Png疊加，想直接用canvas生成馬賽克，求皇軍帶路！
問題解答
回答1：算法應該并不難：
將 canvas 區域區分為形如 100x100 的網格
每次鼠標事件，判斷鼠標位于哪個網格內
將該網格直接 fillRect 繪制為網格內的平均顏色（網格內全部點的 rgb 取平均，或直接取網格內某一點顏色）
這就實現了疊加馬賽克的基本算法。
標簽：
JavaScript
相關文章：
1. javascript - 為什么我的vue里的router-link不起作用2. javascript - 求助Angular 跨控制器調用方法可行嗎?3. CSS更改未得到反映。為什么？4. 用戶在微信小程序支付成功以后，財務在微信支付后臺用交易單號能查到這筆訂單 但財務說錢沒有入對公賬號？5. javascript - node redirect重定向失敗6. javascript - JS使用ele.style.backgoundImage = ’’ =’none’取消背景圖片都無效7. a標簽跨域下載文件能否重命名？8. android - weex 項目createInstanceReferenceError: Vue is not defined9. javascript - 如圖，百度首頁，查看源代碼為什么什么都沒有？10. pdo 寫入到數據庫的內容為中文的時候寫入亂碼
排行榜
網公網安備