文章詳情頁
javascript - 求助canvas繪制半透明的馬賽克？
瀏覽：171日期：2022-11-24 18:24:34
問題描述
我的需求是提供給用戶使用鼠標給上傳的證件涂抹馬賽克，我的思路是給canvas綁定鼠標事件，沿著用戶的鼠標按壓路徑，將一張半透明的png不停的繪制到證件上，現在我不想用半透明的Png疊加，想直接用canvas生成馬賽克，求皇軍帶路！
問題解答
回答1：算法應該并不難：
將 canvas 區域區分為形如 100x100 的網格
每次鼠標事件，判斷鼠標位于哪個網格內
將該網格直接 fillRect 繪制為網格內的平均顏色（網格內全部點的 rgb 取平均，或直接取網格內某一點顏色）
這就實現了疊加馬賽克的基本算法。
標簽：
JavaScript
相關文章：
1. 一個走錯路的23歲傻小子的提問2. python - 如何使用pykafka consumer進行數據處理并保存？3. javascript - SuperSlide.js火狐不兼容怎么回事呢4. java - 創建maven項目失敗了 求解決方法5. android - 安卓activity無法填充屏幕6. java-se - 正在學習Java SE，為什么感覺學習Java就是在學習一些API。7. 運行python程序時出現“應用程序發生異常”的內存錯誤？8. python - django 里自定義的 login 方法，如何使用 login_required()9. java - 安卓電視盒子取得了root權限但是不能安裝第三方應用，請問該怎么辦？10. 一個mysql聯表查詢的問題
排行榜
網公網安備