JavaScriptで以下のソースを書きましたが、
drawImage()でイメージファイルが表示できません。
ブラウザはGoogle Chromeです。
どなたか、理由がわかるかた、教えてください。
ソースコード -------
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Sample1</title> <script> window.onload = function() { var img = new Image(); img.src = "chip002.png"; var canvas = document.getElementById("chip002"); var context = canvas.getContext("2d"); img.onload = function(){ context.drawImage(img, 100, 100, 100, 100); }; }; </script> </head> <body> <canvas id="chip002" width="100" height="100"></canvas> </body> </html>
質問文のコードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
回答1件
あなたの回答
tips
プレビュー