文章詳情頁
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 為何找不到配置文件?
排行榜

網公網安備