人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Canvasで画像の上に線を引くには。

Canvasで画像を表示し、その上に線を引っ張ったり、円を書いたりしたいです。
下記のようなコードを記述したのですが、線が表示された後に画像が表示されるようで、線が画像で上書きされてしまいます。

どのようにすれば、画像の上に線を引けるでしょうか?

function init(){

var img = new Image();
img.src = "sample.png";
img.onload = function(){
ctx.drawImage(img,0,0,500,500);
}
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(200, 200);
ctx.stroke();
}

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 0/0件

回答がありません
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ