HTML5画布工具提示

我正在使用HTML5画布。我已将图像（BitmapImages）添加到画布，我现在想要将简单的工具提示添加到这些位图图像。HTML5画布工具提示

这可能吗？如果有的话，有人可以告诉/告诉我如何实现这一目标？

我不知道这是否有差别，但我也使用画架JS框架...

这里是什么，我现在有一个例子：

var container = new Container(); // EaselJS Container 
container.x = 100; 
container.y = 100; 

stage.addChild(container); 

var image = new Image(); 
image.src = "image.png"; 

var bitmap = new Bitmap(image); 
bitmap.x = 5; 
bitmap.y = 5; 
bitmap.mouseEnabled = true; 

container.addChild(bitmap); 

...

我没有测试了这些代码，但基本上创建了一个位图图像并添加到我的舞台上。我现在想要一个简单的工具提示添加到我的位图图像，但似乎无法找出如何:(

任何帮助，将不胜感激。

干杯，乔恩。

来源

2012-07-11 Jon Williams

下面是我会做：

stage.enableMouseOver(); 

bitmap.onMouseOver = function(e) { 
    stage.canvas.title = 'put your tooltip text here'; 
} 

bitmap.onMouseOut = function(e) { 
    stage.canvas.title = ''; 
}

这是通过使用已经由浏览器提供工具提示

来源

2012-07-13 01:52:08 jalbee

凡我会看到这个提示我没有看到任何东西使用的影响。？。 js – Prat 2013-08-07 14:09:51

这是一个浏览器工具提示，所以它只会显示你是否将光标放在它上面一两秒钟。您可以通过将鼠标悬停在此页上的upvote/downvote按钮上来查看此样式的工具提示。 – jalbee 2013-08-07 22:38:34

问题确实包括位图添加到Canvas元素，这意味着调用了“context.drawImage（bitmap）”。这意味着它们不可用作为DOM元素，因此不会创建标准工具提示。我想知道这个答案被标记为“接受”，甚至获得奖励... – 2015-12-22 20:31:20

HTML5画布工具提示

回答

相关问题