3

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

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

我不确定它是否有所作为，但我也在使用 Easel 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);

...

我没有测试过这段代码，但基本上是一个位图图像被创建并添加到我的舞台上。我现在想向我的位图图像添加一个简单的工具提示，但似乎无法弄清楚如何:(

任何帮助将不胜感激。

干杯，乔恩。

4

1 回答 1

10

这是我的做法：

stage.enableMouseOver();

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

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

这通过使用浏览器已经提供的工具提示来工作。

于 2012-07-13T01:52:08.393 回答