0

......

var ctx = canvas.getContext("2d")

ctx.clearRect(pt.x-w/2, pt.y-7, w,14)

ctx.font = "bold 11px Arial"

ctx.textAlign = "center"

ctx.fillStyle = "#888888"

ctx.fillText(label||"", pt.x, pt.y+4)

......

如何向此文本添加更多属性,例如单击打开 url、悬停时执行某些操作等

4

2 回答 2

2

组成画布的部分不是 HTML 元素。您不能将事件附加到它们,并且确实没有任何一个组件的单独记忆;一旦您将其提交到画布上,它就会与其他所有内容合并为一张图片。

解决方法是自己记住事物所在位置的坐标,然后,当在画布上注册单击时,手动解释它的含义。

这是不平凡的,并且有许多库可以自动化这种事情。看看KineticJS

于 2012-07-30T13:40:04.287 回答
0

除了 Utkanos 所说,您还可以<a href=""></a>使用 css 覆盖 html 链接 ( ) 元素是定位和样式。

于 2012-07-30T21:30:16.083 回答