我正在撰寫一個腳本,允許用戶輸入一個影像 URL。 我希望將其繪制到畫布上,但前提是 CORS 策略允許我這樣做,而不會玷污畫布。 是否有一種直接的方法來確定該影像是否會玷污畫布,而無需首先將其繪制到畫布上?
uj5u.com熱心網友回復:
既然你已經得到了URL,你可以簡單地強制HTMLImageElement的crossOrigin被設定為"anonymous"。如果圖片加載,它將不會玷污你的畫布*,如果它的錯誤事件被觸發......你將無法繪制它。
*好吧,有一種情況仍然可能發生:如果該影像代表了瀏覽器的其他安全威脅,例如 Safari 中帶有 <foreignObject> 的 svg 影像。對于這些邊緣情況,在1x1的畫布上繪圖是唯一的方法。
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/326129.html
標籤:
