最新のWeb開発のチュートリアル
 

HTMLキャンバスの画像


キャンバス - 画像

キャンバス上の画像を描画するには、次のメソッドを使用します。

  • drawImage( image,x,y )

スクリーム

JavaScriptを:

window.onload = function() {
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    var img = document.getElementById("scream");
    ctx.drawImage(img, 10, 10);
};
»それを自分で試してみてください

画像がロードされる前に、画像を描画することはできません。 関数を呼び出しwindow.onload()