javascript - HTML 5 Canvas 和 getElementByID

Question

我目前使用这个在 Canvas 上绘图:

var colorPicker = document.getElementById('colorPicker');

这一切都很好，但是这个 Canvas 附加到一个表单，当单击处理程序时，一系列相同的 Canvas 元素会淡入。

我无法使用jquery插入canvas标签，因为canvas无法渲染，所以我必须将其直接插入到页面中，然后使用css默认隐藏它。由于页面上有多达十个这样的颜色选择器，我如何才能使用 jquery 或普通的 javascript 按类获取 Canvas ？

Answer 1

JQuery 始终可以通过选择器选择元素，即使标签未被识别。

因此，创建后可以使用 jQuery 选择一堆 Canvas 元素。示例:

$(".canvasClassName").each(function(){
   alert(this); //Alert: [HTMLCanvasElement]
});

//Get a random color picker canvas element:
var colorPicker = $(".colorPicker").get(0); //Returns first Canvas.color element