Question

我如何在点击功能上添加html5 canvas元素，还是需要在文档就绪或加载？

我想要做的是创建一种方法来使用画布作为荧光笔，用户点击hightlighter按钮，然后绘制突出显示的标记。

我在考虑将其包含在点击事件中，以便继续使用我的touchwipe事件。这是在Android设备上，我目前有一个滑块循环浏览书籍的栅格化页面，我希望允许用户进行标记。画布元素将位于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')