解決canvas畫布汙染的問題

2021-10-05 14:39:09 字數 341 閱讀 5941

畫布汙染一般出現在 網域名稱與當前不對稱產生的。

很多專案走的是cdn網域名稱,會和正常專案的網域名稱有偏差   所以進行裁剪會出現畫布汙染

解釋完畢

如果出現畫布汙染,把你的轉化成 base64 然後放到 img標籤裡面  然後canvas擷取img標籤就好啦

網域名稱——》canvas轉化base64  **化注意畫素要和img 對應上)——》把賦值給乙個img標籤 ——》canvas裁剪

下面是轉化base64的方法

至於為嘛 第二部  canvas轉化注意和img對應上  感興趣可以看下我另外一篇部落格 

這問題卡了我一兩天。。。現在有空了分享下  不要感謝我,感謝就是雷鋒

關於Canvas畫布大小問題

1.canvas大小預設為300x150 mycanvas style background color rgb 218,108,108 canvas var canvas document.getelementbyid mycanvas var context canvas.getcontext ...

畫布canvas標籤,並且在畫布上畫簡單的形狀

今天整畫布,半天下來老是錯,結果 id c1 width 400 height 400 瀏覽器不支援 原來畫布的寬度和高度需要在標籤定義的時候確定,並且後面是不能帶有px這個單位的,比如 錯誤的定義 c1 ogc.fillstyle yellow ogc.fillrect 10,10 200 100...

使用DNSCrypt解決DNS汙染問題

dnscrypt是opendns發布的加密dns工具,可加密dns流量,阻止常見的dns攻擊,如重放攻擊 觀察攻擊 時序攻擊 中間人攻擊和解析偽造攻擊。dnscrypt支援mac os和windows,是防止dns汙染的絕佳工具。dnscrypt使用類似於ssl的加密連線向dns伺服器拉取解析,所以...