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畫布工具提示

回答

相關問題