Stackblur - 一個非常基本的難題

我很抱歉提出什麼似乎是一個非常基本的問題，但我似乎無法在任何地方找到解決方案。Stackblur - 一個非常基本的難題

我試圖按照從stackblur demo的意見和源代碼，並試圖在this jsFiddle

的HTML基本實現是：

<img id="imgsrc" src="http://benjaminelwyn.com/onelostglove/photos/glove-75.jpg"> 

<canvas id="canvas"></canvas>

而且JS是：

stackBlurImage('imgsrc', 'canvas', 20, false);

我得到的錯誤與我在自己的網站上得到的錯誤相同。它說它「無法訪問本地文件」。很明顯，我在這裏沒做什麼，但我不知道是什麼。

任何幫助，讓我在我的方式將不勝感激。

非常感謝！

來源

2013-03-15 bravokiloecho

控制檯告訴我：'無法從畫布獲取圖像數據，因爲畫布已被交叉源數據污染。 '*和*'未捕獲的錯誤：無法訪問圖像數據：錯誤：無法訪問本地圖像數據：ReferenceError：netscape未定義我認爲這是stackblur插件本身，而不是你做錯的事。 – 2013-03-15 22:38:31

看看源代碼行120. – elclanrs 2013-03-15 22:43:53

像David Thomas一樣，我得到了跨域安全錯誤。那麼你的圖像數據是無法訪問的，所以stackblur插件爲缺少圖像數據而自行烘托。我只是碰到了這個jquery插件，它將圖像從Google服務器上彈出，以避免CORS錯誤（http://www.maxnov.com/getimagedata/）。我沒有嘗試過，但如果你嘗試過，我會有興趣聽到你的結果。 [感嘆：我希望能夠讓我們走出CORS帆布沙盒的能力 - 它變得非常令人沮喪！] – markE 2013-03-15 23:18:57

我用localhost，而不是file:///運行應用程序時，它現在能正常工作。

來源

2014-11-04 14:53:50

Stackblur - 一個非常基本的難題

回答

相關問題