javascript - キャンバス内の画像の準備完了状態

Question

キャンバスで imagename.readyState を使用することは可能ですか?

「drawImage」を使用してキャンバスに描画されている画像が読み込まれ、表示する準備ができたことを検出する方法を誰も知らない場合は?

キャンバスを使用して画像ショーケースを作成しています - 画像が選択されたときに、ロードされた条件が満たされるまで、(既に作成した) ロードアニメーションを表示したいと考えています。

私はまだJavaScriptの使い方を学んでいて、一日中無駄にしようとしてきました.

score 2 · Accepted Answer

画像がロードされた後、キャンバスに画像を描画するイベントを使用new Image()および設定して、画像をロードしてみてください。.onload

var img = new Image();
img.onload = function() {
    // code to draw image on the canvas...
}
img.src = "/path/to/img.jpg";

1 に答える 1