3

我在玩 KineticJS 时遇到了一些麻烦。

正如您从我的小提琴中看到的那样，我可以访问我的放置事件中的 Shape 对象（框），以获取 x、y 坐标，并且我正在对它们进行数学运算以获取我想要的新坐标'将形状捕捉到，但我不知道如何设置位置并重绘框。

文档很少，充其量是：

http://www.kineticjs.com/api-docs.php（参见 Shape.setPosition(x, y)）

这里有没有人弄乱这个图书馆？

编辑：我现在工作的小提琴：http: //jsfiddle.net/Programmer/m4MZk/

4

2 回答 2

7

查看“海滩上的动物”实验室，这是根据坐标将形状对象捕捉到位的示例：

http://www.html5canvastutorials.com/labs/html5-canvas-animals-on-the-beach-game-with-kineticjs/

于 2012-01-20T05:36:55.973 回答
2

这对我有用，现在已经扩展到一个完整的电路图绘图应用程序。

它基于海滩上的动物代码，但更简单一些。

http://reviseomatic.org/help/e-tools/Diagram%20Designer%20Circuits.php

wire1vImg.on('dragend', function() {
  var point = wire1vImg.getPosition();
  var newX = Math.round(point.x / 15) * 15;
  var newY = Math.round(point.y / 15) * 15;
  wire1vImg.setPosition(newX, newY);
  stage.draw();
});
于 2013-08-20T09:57:50.077 回答