###前提・実現したいこと
Web上での画像処理速度を向上させる方法を探していると、画像をプリロードするという手法を見つけました。
そこで思ったのですが、Canvas上に描画する際、
javascript
1$(function(){ 2 $("#sample").click(function(){ 3 img_src = "image/sample.png"; 4 var img = new Image; 5 img.src = img_src; 6 img.onload = function(){ 7 var canvas = document.getElementById("output_texture"); 8 if(canvas.getContext){ 9 var context = canvas.getContext("2d"); 10 context.drawImage(img, 0, 0, 580, 1620); 11 } 12 } 13 }); 14});
としたときと、
javascript
1$(function(){ 2 $("<img>").attr("src", "image/sample.png"); 3 $("#sample").click(function(){ 4 img_src = "image/sample.png"; 5 var img = new Image; 6 img.src = img_src; 7 //img.onload = function(){ 8 var canvas = document.getElementById("output_texture"); 9 if(canvas.getContext){ 10 var context = canvas.getContext("2d"); 11 context.drawImage(img, 0, 0, 580, 1620); 12 } 13 //} 14 }); 15});
のように、「img.onload」を省き、処理の初めにjQueryで「$("<img>").attr("src", "image/sample.png");」
としたときとでは何が違うのでしょうか?
ちなみにどちらも画像は表示されました。
また、もう1点質問なのですが、これらはどちらも指定した画像がメモリ上にロードし、そこで処理をしているという解釈でよいのでしょうか?
見当違いなことを質問していたらすみません…
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。