●サンプル
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スライドショー画像への...
-
JavaScript スライドの画像にリ...
-
jQueryで特定のURLの時のみ表示
-
「画像の上を流れる文字列」を...
-
画像を切り替えランダム表示
-
Gifアニメ、最後のコマに行った...
-
Javascript で共通の処理をどこ...
-
ポップアップウインドウを開い...
-
1枚の画像をクリックして複数の...
-
Highslide JSで
-
MAX関数を使ってからLEFT JOIN...
-
読み込んだQRコードをフォーム...
-
前回の質問の続き
-
JavaScriptで変更した属性の元...
-
条件分岐でキーが入力されてい...
-
iframe内のリンクが飛ばないの...
-
【HTML、VBScript】HTAでのイベ...
-
JavaScriptで、?マークとコロ...
-
onclickとonmouseoverを同時に...
-
2階層のメニューを作ってjQuery...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Javascriptで指定した日付と時...
-
javascriptで毎月替わる画像
-
画像をフォルダに入れれば表示...
-
画像の重なりの順序を代える方...
-
スワップイメージが上手く動作...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
Gifアニメ、最後のコマに行った...
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
1枚の画像をクリックして複数の...
-
各フォルダから1枚ずつ画像をラ...
-
画像を切り替えランダム表示
-
画像削除機能を付けたい
-
マウス追従スクリプトについて
-
画像ランダム表示、しかしダブ...
-
<table>、もしくは<iframe>内で...
-
1枚の画像をクリックすると複数...
-
画像とテキストのセットをラン...
おすすめ情報