【総合】 Webprog板質問雑談スレッド 1
■ このスレッドは過去ログ倉庫に格納されています
0580nobodyさん
2012/02/21(火) 14:59:20.97ID:EDP7wgvpプログラムでは画像を表示し、その上にグラフの折れ線をcanvasで描画してます
//新規のイメージオブジェクトを作成
//var img = new Image();
//画像ファイルのパスを指定する
//img.src = "graphgz.png";
//パスで指定された画像をコンテキストに描画
//ctx.drawImage(img,0,0);
//画像の読込完了後パスで指定された画像をコンテキストに描画
//img.onload = function() {ctx.drawImage(img,0,0);}
//画像ファイルがキャッシュされないように時間を追加した画像ファイルパス
//img.src="graphgz.png" + new Date().getTime();
//画像の読み込み完了後パスで指定された画像をコンテキストに描画
//img.onload = function() {ctx.drawImage(img,0,0);}
ctx.beginPath();
//線の色を指定するプロパティ
ctx.strokeStyle = 'rgb(0,191,256)';
//線の太さの指定
ctx.lineWidth = 6;
//起点の座標
ctx.moveTo(123,360);
//線の終点の座標
ctx.lineTo(208,360);
//線の描画
ctx.stroke();
■ このスレッドは過去ログ倉庫に格納されています