文章詳情頁
javascript - 求助canvas繪制半透明的馬賽克?
瀏覽:220日期:2022-11-24 18:24:34
問題描述
我的需求是提供給用戶使用鼠標給上傳的證件涂抹馬賽克,我的思路是給canvas綁定鼠標事件,沿著用戶的鼠標按壓路徑,將一張半透明的png不停的繪制到證件上,現在我不想用半透明的Png疊加,想直接用canvas生成馬賽克,求皇軍帶路!
問題解答
回答1:算法應該并不難:
將 canvas 區域區分為形如 100x100 的網格
每次鼠標事件,判斷鼠標位于哪個網格內
將該網格直接 fillRect 繪制為網格內的平均顏色(網格內全部點的 rgb 取平均,或直接取網格內某一點顏色)
這就實現了疊加馬賽克的基本算法。
標簽:
JavaScript
相關文章:
1. docker - 如何修改運行中容器的配置2. javascript - Web微信聊天輸入框解決方案3. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應4. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?5. Matlab和Python編程相似嗎,有兩種都學過的人可以說說嗎6. javascript - 音頻加載問題7. javascript - 為什么form表單提交沒有跨域問題,但ajax提交有跨域問題?8. javascript - 關于audio標簽暫停的問題9. javascript - history.replaceState()無法改變query參數10. css - 對于類選擇器使用的問題
排行榜
