文章詳情頁
javascript - 求助canvas繪制半透明的馬賽克？
瀏覽：319日期：2022-11-24 18:24:34
問題描述
我的需求是提供給用戶使用鼠標給上傳的證件涂抹馬賽克，我的思路是給canvas綁定鼠標事件，沿著用戶的鼠標按壓路徑，將一張半透明的png不停的繪制到證件上，現在我不想用半透明的Png疊加，想直接用canvas生成馬賽克，求皇軍帶路！
問題解答
回答1：算法應該并不難：
將 canvas 區域區分為形如 100x100 的網格
每次鼠標事件，判斷鼠標位于哪個網格內
將該網格直接 fillRect 繪制為網格內的平均顏色（網格內全部點的 rgb 取平均，或直接取網格內某一點顏色）
這就實現了疊加馬賽克的基本算法。
標簽：
JavaScript
相關文章：
1. android - 使用百度sdk調用SDKInitializer.initialize(this)時報錯？2. javascript - 最近用echarts做統計圖時遇到兩個問題！！3. 淺談Vue使用Cascader級聯選擇器數據回顯中的坑4. html5 - 用h5本地存儲是否安全？5. 基于Spring MVC Java的配置無法正常工作控制臺顯示無錯誤，但我的jsp頁面未顯示6. javascript - webpack-dev-server和webpack沖突嗎7. javascript - react熱加載的一段代碼8. android - 優酷的安卓及蘋果app還在使用flash技術嗎？9. 微信公眾號在線生成二維碼帶參數怎么搞？10. myeclipse中修改了javaweb的web.xml文件，為什么有時候會自動重新部署生效，有時就不會自動呢？
排行榜
網公網安備