.....
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)
.....
如何为此文本添加更多属性,例如点击打开网址,悬停做某事等等
答案 0 :(得分:2)
构成画布的部分不是HTML元素。你不能将事件附加到它们,实际上没有任何一个组件的单独记忆;一旦你将它提交到画布,它就会被合并为一张图片和其他所有图片。
解决方法是自己记住坐标的位置,然后在划线上注册点击时,手动解释它的含义。
这是非常重要的,并且有许多库可以自动执行此类操作。 Have a look at KineticJS
答案 1 :(得分:0)
除了Utkanos所说的,你还可以使用css覆盖一个html链接(<a href=""></a>
)元素,即定位和样式。