文章詳情頁
javascript - 求助canvas繪制半透明的馬賽克？
瀏覽：195日期：2022-11-24 18:24:34
問題描述
我的需求是提供給用戶使用鼠標給上傳的證件涂抹馬賽克，我的思路是給canvas綁定鼠標事件，沿著用戶的鼠標按壓路徑，將一張半透明的png不停的繪制到證件上，現在我不想用半透明的Png疊加，想直接用canvas生成馬賽克，求皇軍帶路！
問題解答
回答1：算法應該并不難：
將 canvas 區域區分為形如 100x100 的網格
每次鼠標事件，判斷鼠標位于哪個網格內
將該網格直接 fillRect 繪制為網格內的平均顏色（網格內全部點的 rgb 取平均，或直接取網格內某一點顏色）
這就實現了疊加馬賽克的基本算法。
標簽：
JavaScript
相關文章：
1. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處2. javascript - ios返回不執行js怎么解決？3. python - 爬蟲模擬登錄后，爬取csdn后臺文章列表遇到的問題4. 視頻文件不能播放，怎么辦？5. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?6. html5 - HTML代碼中的文字亂碼是怎么回事？7. javascript - 求幫助 , ATOM不顯示界面!!!!8. mysql 查詢身份證號字段值有效的數據9. javascript - angular使從elastichearch中取出的文本高亮顯示，如圖所示10. javascript - 為什么在谷歌控制臺 輸出1的時候，輸出的1立馬就不見了
排行榜
網公網安備