- 580 名前：nobodyさん [2012/02/21(火) 14:59:20.97 ID:EDP7wgvp]
- ＨＴＭＬ５のcanvasで作ったグラフにの特定位置にリンクを貼ることはできますか？
プログラムでは画像を表示し、その上にグラフの折れ線を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();
|
 |
