私は画像のカラーサンプルを得ることができるこの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