文章詳情頁
javascript - 求助canvas繪制半透明的馬賽克？
瀏覽：217日期：2022-11-24 18:24:34
問題描述
我的需求是提供給用戶使用鼠標給上傳的證件涂抹馬賽克，我的思路是給canvas綁定鼠標事件，沿著用戶的鼠標按壓路徑，將一張半透明的png不停的繪制到證件上，現(xiàn)在我不想用半透明的Png疊加，想直接用canvas生成馬賽克，求皇軍帶路！
問題解答
回答1：算法應(yīng)該并不難：
將 canvas 區(qū)域區(qū)分為形如 100x100 的網(wǎng)格
每次鼠標事件，判斷鼠標位于哪個網(wǎng)格內(nèi)
將該網(wǎng)格直接 fillRect 繪制為網(wǎng)格內(nèi)的平均顏色（網(wǎng)格內(nèi)全部點的 rgb 取平均，或直接取網(wǎng)格內(nèi)某一點顏色）
這就實現(xiàn)了疊加馬賽克的基本算法。
標簽：
JavaScript
相關(guān)文章：
1. 編輯成功不顯示彈窗2. 安裝了“PHP工具箱”，但只能以“游客”身份登錄3. 老師們php,插入數(shù)據(jù)庫mysql，都是空的，要怎么解決4. 跨類調(diào)用后，找不到方法5. 致命錯誤: Class ’appfacadeTest’ not found6. 求大神支招，php怎么操作在一個html文件的<head>標記內(nèi)添加內(nèi)容？7. 在應(yīng)用配置文件 app.php 中找不到’route_check_cache’配置項8. PHP類屬性聲明？9. 怎么php怎么通過數(shù)組顯示sql查詢結(jié)果呢，查詢結(jié)果有多條，如圖。10. phpstady在win10上運行
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備