Canvas Jquery添加链接一个href

时间:2012-07-30 13:34:30

标签: jquery html5-canvas

.....

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)

.....

如何为此文本添加更多属性,例如点击打开网址,悬停做某事等等

2 个答案:

答案 0 :(得分:2)

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

解决方法是自己记住坐标的位置,然后在划线上注册点击时,手动解释它的含义。

这是非常重要的,并且有许多库可以自动执行此类操作。 Have a look at KineticJS

答案 1 :(得分:0)

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