文章詳情頁
javascript - 求助canvas繪制半透明的馬賽克？
瀏覽：323日期：2022-11-24 18:24:34
問題描述
我的需求是提供給用戶使用鼠標給上傳的證件涂抹馬賽克，我的思路是給canvas綁定鼠標事件，沿著用戶的鼠標按壓路徑，將一張半透明的png不停的繪制到證件上，現在我不想用半透明的Png疊加，想直接用canvas生成馬賽克，求皇軍帶路！
問題解答
回答1：算法應該并不難：
將 canvas 區域區分為形如 100x100 的網格
每次鼠標事件，判斷鼠標位于哪個網格內
將該網格直接 fillRect 繪制為網格內的平均顏色（網格內全部點的 rgb 取平均，或直接取網格內某一點顏色）
這就實現了疊加馬賽克的基本算法。
標簽：
JavaScript
相關文章：
1. mac里的docker如何命令行開啟呢？2. nignx - docker內nginx 80端口被占用3. docker容器呢SSH為什么連不通呢？4. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題5. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””6. javascript - 連續點擊觸發mouseleave事件7. angular.js使用$resource服務把數據存入mongodb的問題。8. docker gitlab 如何git clone？9. docker 下面創建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？10. docker-compose 為何找不到配置文件？
排行榜
網公網安備