将ID添加到画布图形以便稍后检索

Question

我正在使用以下代码向画布添加带文字的圆圈：

function drawCircle(username, id) {
  context.beginPath();
  context.arc(100, 100, 50, 0, 2 * Math.PI, false);
  context.fillStyle = 'rgba(255, 255, 255, 0.25)';
  context.fill();
  context.font = 'bold 8pt Impact, Charcoal, sans-serif';
  context.fillStyle = '#ffffff';
  context.textAlign = 'center';
  context.fillText(username, 100, 105);
}

确实有效。但是可以添加id，所以我可以稍后与圈子进行交互，使用canvas ['id']的东西？

我用不同的用户名和id来多次调用drawCircle。

Answer 1

查看W3C Canvas规范的"Hit Regions"部分。

但是，我不知道这些支持的范围有多广。它似乎不适用于Chrome 40。