在鼠标悬停时显示kinetic.js中多边形顶点的坐标

Question

我在kinetic.js文档中有一个简单的多边形代码。

var poly = new Kinetic.Polygon({ points: [73, 192, 73, 160, 340, 23, 500, 109, 499, 139, 342, 93], fill: '#00D2FF', stroke: 'black', strokeWidth: 5 });

我需要在鼠标悬停在多边形的顶点上显示多边形的坐标。

Answer 1

您可以使用poly.on(eventtype,callbackFunction)

将事件处理程序附加到您的多边形

您可以使用poly.getPoints()

获取所有多边形点

poly.on("mouseover",function(){
    console.log(poly.getPoints());
});