2017-02-13 26 views
0

私は画像のカラーサンプルを得ることができるこのlibarary呼び出しvibrant.jsを試していました。私は1つのイメージセットに対して正常に実装しました。別のイメージセットで同じことをしようとすると、エラーが発生します。何が間違っているのか分かりません。
は、私はそれが画像の読み込み中に間違って何かだと思った。このことから、次のエラーvibrant.js画像データを取得

Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The source height is 0. 

または

Uncaught TypeError: Cannot read property 'getHex' of undefined 

の1をgetingています。だから私は何が起こっているのか把握するためにこの次のコードを使用している。

   var img = new Image($(this)); // creating image element 

img.onload = function() { // trigger if the image was loaded 
    console.log($(this).attr('src') + ' - done!'); 
} 

img.onerror = function() { // trigger if the image wasn't loaded 
    console.log($(this).attr('src') + ' - error!'); 
} 

img.onAbort = function() { // trigger if the image load was abort 
    console.log($(this).attr('src') + ' - abort!'); 
} 

このため、コンソールには何も表示されません。しかし、私はちょうど私はログにURLを見ることができるすべての機能を使用せずにこれらのコードを使用する場合。
私はこれを数時間試しています。誰にでも私が間違っていた提案や考え方はありますか?
注:すべての機能が$(window).load

答えて

0

Image()内部で呼び出され、最初のパラメータとしてjQueryオブジェクトを期待していません。予想されるパラメータは、数字としてwidthheightです。例えば、new Image(100, 100)

関連する問題