画布中的多个弧点击事件

时间:2013-03-09 16:11:38

标签: html5-canvas kineticjs

问题:

尝试创建一个如下所示的布局,其中每个部分都是可点击的,并且具有单独的实体。

enter image description here

尝试解决方案及其问题:

用画布创建弧。必须用笔画添加弧线。中风不可点击。尝试从其他答案hacks但他们似乎没有工作。

Click Event on a Stroke of the Shape(arc) doesn't work

1 个答案:

答案 0 :(得分:1)

不是用弧线绘制,而是如何:

使用楔形而不是弧

  • 将3个外部形状绘制为楔形并将它们放在#1层上。
  • 将10个内部形状绘制为楔形,并将它们放在#1层上方的另一层#2上。
  • 将中心圆绘制为圆形并将其放在#1&层上方的另一层#3上。层#2。
  • 附上。(“点击”)每个楔子。

分层将为您提供所需的视觉“嵌套”效果。

分层将为您提供对每个楔形物的适当点击控制。