HTML 5 - add Shape on mouseover

I use KineticJS to create shape and animate them. I have a triangle : var triangle1Over = new Kinetic.Polygon({ points: [120, 10, 225, 140, 15, 140, 120, 10], stroke: 'red', strokeWidth: 2 }); I would like to make it appears **one time** on mouseover event. triangle1.on('mouseover', function () { layer.add(triangle1Over); layer.draw(); }); **The issue :** on every cursor move in triangle1, the shape triangle1Over is added > this is bad because it's blinking. I try to find something: "if the shape hasn't already been added to the layer, add it". But nothing. Any help would be great. Thanks :)

以上就是HTML 5 - add Shape on mouseover的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准