jquery - HTML5 Canvas 添加 id 或 class

Question

我在画布上画画。
例子：

       '1.01': {
        color: 'pink',
        points: [563,69,630,69,630,149,563,149]
      },

其中 1.01 是鼠标悬停在工具提示上时显示的文本。点是在画布上创建块的坐标x。y是否可以给这个绘制的块一个id或一个class以便我可以在 jQuery 中处理它？

Answer 1

您如何将其存储在自己的对象中，然后保存这些对象的集合以供以后使用？尽管我不确定“在 jQuery 中处理”的确切含义，因为在画布上，您只是在填充像素区域，这与使用 DOM 时非常不同。

var block = function (color, points) {
    return {
        color: color,
        points: points
    };
};

var b1 = block('pink', [563,69,630,69,630,149,563,149]);
// Do whatever you need with it...

并用以下代码替换您的代码以保持相同的参考：

'1.01': b1,