Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript KineticJS 5.0-图像拖动和调整大小_Javascript_Html_Image_Kineticjs - Fatal编程技术网

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

Javascript KineticJS 5.0-图像拖动和调整大小,javascript,html,image,kineticjs,Javascript,Html,Image,Kineticjs,我正在尝试使用KineticJS库和拖放技术调整图像大小。该代码与库的v4.5.3完美配合——当我拖动锚点时,图像正在调整大小。但是,在我将KineticJS更新到5.0之后,锚正在正确地移动,但是图像没有移动——什么也没有发生 以下是两个版本的小提琴(只有diff是KineticJS版本): -kineticJS 4.5.3: -kineticJS 5.0: 我认为问题出在update(activeAnchor)函数中,但我无法解决这个问题… 提前非常感谢 一些api更改: setPositi

我正在尝试使用KineticJS库和拖放技术调整图像大小。该代码与库的v4.5.3完美配合——当我拖动锚点时,图像正在调整大小。但是,在我将KineticJS更新到5.0之后,锚正在正确地移动,但是图像没有移动——什么也没有发生

以下是两个版本的小提琴(只有diff是KineticJS版本):
-kineticJS 4.5.3:
-kineticJS 5.0:

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

一些api更改:

  • setPosition(x,y)
    ->
    setPosition({x:x,y:y})
  • setSize(宽度、高度)
    ->
    setWidth(宽度);设置高度(高度)
  • 一些api更改:

  • setPosition(x,y)
    ->
    setPosition({x:x,y:y})
  • setSize(宽度、高度)
    ->
    setWidth(宽度);设置高度(高度)
  • 一些api更改:

  • setPosition(x,y)
    ->
    setPosition({x:x,y:y})
  • setSize(宽度、高度)
    ->
    setWidth(宽度);设置高度(高度)
  • 一些api更改:

  • setPosition(x,y)
    ->
    setPosition({x:x,y:y})
  • setSize(宽度、高度)
    ->
    setWidth(宽度);设置高度(高度)

  • 以下是图像大小调整的解决方案,以及当您使用负面锚定调整大小时的图像失真问题

    这里是小提琴:

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

    以下是图像大小调整的解决方案,以及当您使用负面锚定调整大小时的图像失真问题

    这里是小提琴:

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

    以下是图像大小调整的解决方案,以及当您使用负面锚定调整大小时的图像失真问题

    这里是小提琴:

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

    以下是图像大小调整的解决方案,以及当您使用负面锚定调整大小时的图像失真问题

    这里是小提琴:

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

    设置大小({width:newWidth,height:newHeight})
    设置大小({width:newWidth,height:newHeight})
    设置大小({width:newWidth,height:newHeight})
    设置大小({width:newWidth,height:newHeight})