Q&A
上手くキャンセルできました。
ありがとうございます。
HTML canvasに大きな画像を読み込んでいるとき、ロードを完了する前に、別の画像を切り替えたとき、前に読み込んでいた画像をキャンセルしたいのですが、何か方法はあるのでしょうか？
html img キャンセル で調べたのですが、キーワードが悪いのか全く出てこないです。
<html> <body> Test<br/> <canvas id="canvas"></canvas> </body> <script> const canvas = document.getElementById("canvas"); let imagePath = "image.png"; draw(canvas,imagePath); function draw(canvas,imagePath){ console.log("draw"); const image = new Image(); image.addEventListener("load",function (){ canvas.width = image.naturalWidth; canvas.height = image.naturalHeight; const ctx = canvas.getContext("2d"); ctx.drawImage(image, 0, 0); console.log("load!"); }); image.src = imagePath; } </script> </html> ```
回答2件
0
コードは整形した方がいいですよ。
投稿2019/09/13 10:20
編集2019/09/13 10:23退会済みユーザー
総合スコア0
0
ベストアンサー
ほとんどのブラウザで image.src = ''; で読み込みが中断されるようです。（記事参照）
【javascript - How to cancel an image from loading - Stack Overflow】
https://stackoverflow.com/questions/5278304/how-to-cancel-an-image-from-loading
投稿2019/09/12 16:10
総合スコア69596
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。