Javascript 动态添加画布属性？

假设我在HTML5文档中有画布标签

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

我有没有办法补充：

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

是否通过单击锚定标记来动态执行？我想要的是在我的JS中有一个变量，它并不总是保持相同的值，每次单击链接时，单击a标记将更新canvas fillText属性，我的想法是使用jQuery并具有如下内容：

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

显然，这将对文档中的每个a标记都有效，所以我稍后会指定它，但我不太确定将canvas属性附加到canvas中所需的语法是什么？有什么想法吗？

有：

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

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

---

尽管您可能希望使用按钮元素而不是，因为它们实际上不是链接。

barContext不是必须附加到画布的属性。只要调用fillText函数，它就会被绘制出来。是的，你是对的，这混淆了我的术语。谢谢你的回复！

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

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

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