繁体   English   中英

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

[英]KineticJS 5.0 - image drag and resize

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

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

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

一些API更改:

  1. setPosition(x,y) -> setPosition({x:x, y: y})
  2. setSize(width, height) -> setWidth(width);setHeight(height)

http://jsfiddle.net/lavrton/hseUk/

这是当您在负侧使用锚点调整大小时解决图像调整大小以及图像变形问题的解决方案

Kinetic JS-尝试调整图像大小时出现问题

这是小提琴:

image.setPosition(topLeft.getPosition());

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM