【问题标题】:KineticJS 5.0 - image drag and resizeKineticJS 5.0 - 图像拖动和调整大小
【发布时间】:2014-02-12 07:37:18
【问题描述】:

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

这里是两个版本的小提琴(唯一的区别是 KineticJS 版本):
-动力学JS 4.5.3:http://jsfiddle.net/uAK9k/1/
- 动力学JS 5.0:http://jsfiddle.net/uAK9k/

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

【问题讨论】:

    标签: javascript html image kineticjs


    【解决方案1】:

    一些 api 变化:

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

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

    【讨论】:

    • setSize({width: newWidth, height: newHeight});
    【解决方案2】:

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

    Kinetic JS - problems trying to resize images

    这里是小提琴:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-01-15
      • 1970-01-01
      相关资源
      最近更新 更多