变量提供时,Cropbox不会更新

时间:2019-06-24 13:14:30

标签: javascript cropperjs cropper

我正在制作图像裁切器,裁切器必须具有固定的尺寸,但是用户可以动态更改这些尺寸。

每次更新框时,我都会运行此代码。

        let dimensions = {
          height: 300,
          width: 431
        }

        function makeSize()
        {
          console.log(cropper + ' ' + dimensions.height + " " + dimensions.width); // [object Object] 300 431
          cropper.setCropBoxData({

              height: dimensions.height,
              width: dimensions.width

          });
        }

我这样做是为了确保尺寸不变。由于某种原因,这不起作用。但是,如果我将setCropBoxData函数更改为此

            cropper.setCropBoxData({

              height: 431,
              width: 300

            });

一切正常。

控制台无错误,无任何错误。我完全不知所措。

2 个答案:

答案 0 :(得分:0)

我认为内部函数无法访问尺寸,您应该将其作为参数传递。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let

答案 1 :(得分:0)

在重新分配变量后,它们出于某种原因以字符串形式出现。我不知道为什么javascript不会自动将杂耍类型输入整数。使用parseInt()后,问题已解决。