画布中新对象的 Tabindex？答案

【问题标题】：Tabindex for new Objects in Canvas?画布中新对象的 Tabindex？
【发布时间】：2011-04-07 03:40:33
【问题描述】：

在鼠标点击时创建一个新对象，作为用户在阅读大型 Web 文档时创建参考点（我称之为“碎屑”）的一种方式。我已经使用了一个新的 Image() 函数，但是，它不会让我为 mouseclick (posX, posY) 创建的每个新图像分配一个 tabindex。 'crumbtoggle' 只是确认已选择了 crumb 放置工具。

使用新的 Image() 函数：

function draw_crumb() 
{
var b_canvas = document.getElementById("b");
var b_context = b_canvas.getContext("2d");
var crumb = new Image();
crumb.src = "crumb.gif";
if(crumbtoggle.className == "on")
{
b_context.drawImage(crumb, posX-20, posY-20, 50, 75);
}
}

不工作的新对象（）函数：

function draw_crumb() 
{
var b_canvas = document.getElementById("b");
var b_context = b_canvas.getContext("2d");
var crumb = new Object();
crumb.type = "button";
crumb.src = "crumb.gif";
crumb.tabindex = 1;
if(crumbtoggle.className == "on")
{
b_context.drawObject(crumb, posX-20, posY-20, 50, 75);
}
}

我已经考虑将焦点应用于新的 Image 对象，但这似乎不是 tabindex 属性的好选择。任何想法将不胜感激。

【问题讨论】：

标签： javascript canvas drawing

【解决方案1】：

HTML5 画布就像现实世界中的画布，带有即时干燥的颜料。当您在画布上绘制矩形、线条或图像时，它就会成为画布的一部分。您以后不能重新排序这些项目，或相对于彼此移动它们。它不是一个单独的实体，可以获得焦点。

与浏览器的焦点处理集成的任何类型的焦点管理都必须通过浏览器识别的表单输入或锚点来完成。

我不清楚为什么需要画布，或者根本不需要。

【讨论】：