HTML 5画布的getElementById

我目前我的画布使用此画：HTML 5画布的getElementById

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

这是所有良好和不好，但是这个画布附加到形式，具有一系列相同的canvas元素中的衰落当点击一个处理程序。

我不能使用jquery插入canvas标签作为画布然后不呈现，所以我必须将其直接插入到页面中，然后使用css默认隐藏它。由于在页面上有多达10个颜色选择器，我怎样才能通过类来获取画布，使用jquery或plain ol'javascript？

来源

2011-10-15 nvcode

JQuery总是可以通过选择器选择元素，即使标记不是不被识别。

因此，创建后可以使用jQuery选择一堆画布元素。例如：

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

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

来源

2011-10-15 20:17:30

是的，但是我该如何在画布上书写，现在我知道的唯一方法就是在我的问题中，我需要选择类名并将其作为变量存储在帆布。我尝试** var colorPicker = $（'。colorPicker'）; ** – nvcode

@nvcode'$（'。colorPicker'）。get（0）'将返回第一个颜色选择Canvas元素，'$（..）。get （1）'将返回第二个画布等 –

您的代码让我想起http://xkcd.com/221/ - “'//获取随机颜色选择器画布元素” – Eric

HTML 5画布的getElementById

回答

相关问题