懸停canvas元素時是否可以獲得工具提示？

Question

我有一個用於模擬時鍾的畫布圖像

我需要顯示第二針，時針和分針的工具提示。 但是它們全都在一個畫布圖像中。

實際上，該元素呈現如下html所示

<div id="circularframe" class="">
<div id="Analog clock">
<canvas role="presentation" width="500" height="360"></canvas>
</div>
</div>

畫布元素中是否可能...

Answer 1

如果您剛剛開始，那么我建議您在此處使用Kineticjs鏈接，在這里您可以使用畫布做很多有趣的事情，其中​​包括標簽。請在此處查看本教程，以獲取帶有動態js的畫布上的標簽/工具提示。 希望它使用jQuery或者幫助您可能需要一些額外的工作，你可以這樣做此 ，例如在這個例子中，我們像添加文字：

dots.push({
        x: getXPixel(data.values[i].X),
        y: getYPixel(data.values[i].Y),
        r: 4,
        rXr: 16,
        color: "red",
        tip: "#text" + (i + 1)
    });

希望能幫助到你