![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
●サンプル
var image = new Image();
image.onload = function(){
ctx.drawImage(image, 0, 0);
};
image.src = 'hoge.jpg';
●個人的にはこっちのほうがわかりやすい
var image = new Image();
image.src = 'hoge.jpg';
image.onload = function(){
ctx.drawImage(image, 0, 0);
};
書き順の違いは何でしょうか?
image.onload は image.src = 'hoge.jpg'; のことを指していると思うんですが、var image = new Image(); の後に image.src = 'hoge.jpg';を先に書いたほうがしっくりくるんですが、MDNとか誰かの書いたサンプルとか見ると、image.onload = ... の後にimage.src = ... を記述しています。
上から順番に処理をするのではないのですか?
どっちを先に書いても動きますし、個人的には new Image(); で新たな img 要素を作成して、その画像のソースを設定して、その画像が読み込まれたら処理をすると書いたほうがわかりやすい気がします。
どうして多くのサンプルではimage.onload = ... の後に image.src = ... を書くのでしょうか?
No.1ベストアンサー
- 回答日時:
こんにちは
先に読み込みを開始すると、キャッシュ等を利用して即座に読み込みが完了してしまう時に、イベントの設定が間に合わないことがあり得るから。
・・・というのが理由ではないでしょうか。
似たような記述が以下にありました。
https://t87r.wordpress.com/2012/01/24/javascript …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- PHP 'member_picture/'に/がありますが 、「スラッシュ」は必要でしょうか? 1 2022/11/27 04:32
- その他(ブラウザ) この絵を描いた方のTwitterを教えてください 1 2022/04/28 15:40
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- PHP 掲示板を資料を参考にして開発中ですが、画像がアップされません? 1 2022/11/21 06:44
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンク先がそれぞれ別の画像の...
-
中心を軸にくるくる回るjQuery ...
-
画像がプルプルふるえるんです。
-
右クリック禁止スクリプト挿入法
-
画像でチェックボックスを表示...
-
2種類できますか?
-
javascriptで毎月替わる画像
-
textareaに画像を表示したい
-
ロールオーバーで切り替えられ...
-
バナー広告のように表示させた...
-
ボタンをクリックした時に、キ...
-
画像の重なりの順序を代える方...
-
新規ウインドウ+submit
-
アクセス毎に画像が変わる
-
代替文字が表示されなくなった...
-
JavaScriptでの画像切替について。
-
bxsliderにて読み込み後に内容...
-
MAX関数を使ってからLEFT JOIN...
-
【iOS及びAndroid】リンク画像...
-
連番画像「次へ」「前へ」で、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Javascriptで指定した日付と時...
-
javascriptで毎月替わる画像
-
画像をフォルダに入れれば表示...
-
画像の重なりの順序を代える方...
-
スワップイメージが上手く動作...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
Gifアニメ、最後のコマに行った...
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
各フォルダから1枚ずつ画像をラ...
-
1枚の画像をクリックして複数の...
-
画像を切り替えランダム表示
-
画像削除機能を付けたい
-
マウス追従スクリプトについて
-
画像ランダム表示、しかしダブ...
-
1枚の画像をクリックすると複数...
-
<table>、もしくは<iframe>内で...
-
jQuery FlexSliderのカルーセ...
おすすめ情報