......
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、悬停时执行某些操作等
......
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、悬停时执行某些操作等
组成画布的部分不是 HTML 元素。您不能将事件附加到它们,并且确实没有任何一个组件的单独记忆;一旦您将其提交到画布上,它就会与其他所有内容合并为一张图片。
解决方法是自己记住事物所在位置的坐标,然后,当在画布上注册单击时,手动解释它的含义。
这是不平凡的,并且有许多库可以自动化这种事情。看看KineticJS。
除了 Utkanos 所说,您还可以<a href=""></a>
使用 css 覆盖 html 链接 ( ) 元素是定位和样式。