動態添加畫布屬性？

說我有canvas標籤的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中有一個變量，它並不總是保持相同的值，點擊標籤會在每次鏈接被點擊時更新canvas fillText屬性，我的想法是使用jQuery並且擁有是這樣的：

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

顯然，這將在每一個工作標籤我的文檔中，所以我會指定以後，但我也不太清楚所要求的語法到畫布屬性附加到我帆布？有任何想法嗎？

來源

2012-02-17 srrolph

barContext不是您必須「附加到畫布上」的「屬性」。只需調用fillText（）函數即可繪製。 – Bergi 2012-02-17 14:58:55

是的，你是對的 - 混淆了我的術語。感謝您的答覆！ – srrolph 2012-02-17 15:25:01

是：

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

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

雖然你可能想使用button元素，而不是a，因爲他們沒有真正的聯繫。

來源

2012-02-17 14:55:45

非常簡單 - 謝謝！也將其更改爲按鈕。 – srrolph 2012-02-17 15:24:19

動態添加畫布屬性？

回答

相關問題