解決Image在canvas以及audio、video在AudioContext下跨域問題

媒體元素嘛，在對應的標簽或對象上加上 crossOrigin = 'anonymous' 即可。

例如 Image 在canvas 上繪制時會跨域：

<img crossOrigin="anonymous" src="your Image url"></img>

如果並非頁面上的元素而是利用 Image 對象的的話：

const img = new Image();
img.crossOrigin = 'anonymous';
img.src = 'imageUrl';

同理，對於 HTMLMediaElement 的標簽元素來說也一樣：

<audio crossOrigin="anonymous" src="your Image url"></audio>

const audio = new Audio();
audio.crossOrigin = 'anonymous';
audio.src = 'mediaUrl';

如此一來，只要服務器允許了跨域那么就可以跨過去了，這里設置了 crossOrigin 只是一只腳跨過去了呢，需要服務器也設置了允許跨域才能將兩只腳都跨過去哦。