キャンバス属性を動的に追加しますか？

Question

は、私は私のHTML5ドキュメント

<canvas id="fooBar" width="500" height="200"></canvas> 

にキャンバスタグを持っていると私はまた、空のアンカータグ

<a href="" id="spin">Spin</a> 

を持っていると私は

var fooCanvas = document.getElementById("fooBar"); 
var barContext = fooCanvas.getContext("2d"); 

頭の中で私のキャンバスを構築すると言います追加できる方法があります：

barContext.fillText("fubar", x,y); 

アンカータグをクリックすると動的に表示されますか？私が欲しいのは、いつも同じ値を保持していないJS内の変数を持つことです。タグをクリックすると、リンクがクリックされるたびにキャンバスのfillText属性が更新されます。これを克服する私の考えはjQueryを使用し、このような何か：

$(document).ready(function(){ 
     $("a").click(function(event){ 
      // Something here 
     }); 
    }); 

明らかにこれは私がその後に指定しますので、私は文書を持っているが、私は私にそのキャンバスの属性を付加するために必要な構文にあまりにもわからないんだけど、すべてのタグに働くだろうキャンバス？何か案は？

Answer 1

はい：

var fooCanvas = document.getElementById("fooBar"); 
var barContext = fooCanvas.getContext("2d"); 

$(document).ready(function(){ 
    $("a").click(function(event){ 
     barContext.fillText("fubar", x,y); 
    }); 
}); 

あなたは彼らが実際にリンクじゃないから、button要素の代わりaを使用する場合がありますが。