KineticJS 5.0 - 图像拖动和调整大小

时间:2014-01-22 10:01:30

标签: javascript html5 image kineticjs

我正在尝试使用带有拖放技术的KineticJS库调整图像大小。代码与库的v4.5.3完美配合 - 当我拖动锚点时,图像正在调整大小。但在我将KineticJS更新为5.0后,锚点正在正确移动,但图像不是 - 没有任何反应。

这里有两个版本的小提琴(只有差异是KineticJS版本):
- kineticJS 4.5.3:http://jsfiddle.net/uAK9k/1/
- kineticJS 5.0:http://jsfiddle.net/uAK9k/

我认为问题出在update(activeAnchor)函数中,但我无法解决这个问题 非常感谢你提前!

2 个答案:

答案 0 :(得分:3)

一些api改变:

  1. setPosition(x,y) - > setPosition({x:x, y: y})
  2. setSize(width, height) - > setWidth(width);setHeight(height)
  3. http://jsfiddle.net/lavrton/hseUk/

答案 1 :(得分:0)

这是图像调整大小的解决方案,以及在负面调整锚点时调整图像失真问题

Kinetic JS - problems trying to resize images

这是小提琴:

image.setPosition(topLeft.getPosition());

image.setSize({
        width : width,
        height : height
    });

http://jsfiddle.net/projeqht/aBkYb/