使用onclick事件加載HTML5畫布

Question

如何在點擊功能上添加html5 canvas元素或者是否需要在文檔準備好或加載時進行操作？

我想要做的是創建一種方式來使用畫布作爲熒光筆，用戶單擊hightlighter按鈕，然後繪製突出顯示的標記。

我正在考慮在點擊事件中包括這個，所以我可以繼續使用我的touchwipe事件。這是在Android設備上，我現在有一個滑塊循環瀏覽一本書的光柵化頁面，我希望允許用戶進行標記。 canvas元素將坐在img的頂部，並且是半透明的。

任何人都可以指向正確的方向嗎？

Answer 1

在這種情況下，canvas元素的行爲與其他dom元素相同。試試：

var x = $('<canvas height="100px" width="100px"> </canvas> '), 
    y = x[0].getContext('2d'); 

y.strokeRect(0,0,50,50) 

x.appendTo('body')