Question

在mouseclick上创建一个新对象，作为用户在阅读大型Web文档时创建参考点（我称之为'crumbs'）的一种方式。我已经使用了一个新的Image（）函数，但是，我不会让tabindex为mouseclick（posX，posY）创建的每个新图像分配一个tabindex。 'crumbtoggle'只是承认已经选择了碎屑掉落工具。

使用new 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);
}
}

非工作新的Object（）函数：

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属性的一个很好的替代品。任何想法将不胜感激。

Answer 1

HTML5 Canvas就像一个真实世界的画布，具有瞬间干燥的颜色。在画布上绘制矩形或线条或图像时，它将成为画布的一部分。您以后无法重新订购商品，或相对于彼此移动商品。它不是一个可以获得焦点的独立实体。

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

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

Tabindex用于画布中的新对象？

1 个答案: