解決getImageData()錯誤:畫布被跨域資料污染的問題
<p>我的程式碼在本機上運作得很好,但在網站上卻無法運作。 </p>
<p>我從控制台收到此錯誤,對於這一行 <code>.getImageData(x,y,1,1).data</code>:</p>
<pre class="brush:php;toolbar:false;">Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.</pre&>
<p>我的程式碼的一部分:</p>
<pre class="brush:php;toolbar:false;">jQuery.Event.prototype.rgb=function(){
var x = this.offsetX || (this.pageX - $(this.target).offset().left),y = this.offsetY || (this.pageY - $(this.target).offset(). top);
if (this.target.nodeName!=="CANVAS")return null;
return this.target.getContext('2d').getImageData(x,y,1,1).data;
}</pre>
<p><strong>注意:</strong>我的映像網址 (src) 來自子網域網址</p>