3

HTML5キャンバスを使用しています。キャンバスに画像（BitmapImages）を追加しましたが、これらのビットマップ画像に簡単なツールチップを追加したいと思います。

これは可能ですか？もしそうなら、誰かが私がこれを達成する方法を教えて/見せてもらえますか？

違いがあるかどうかはわかりませんが、EaselJSフレームワークも使用しています...

これが私が現在持っているものの例です：

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 に答える