javascript - 提供变量时，Cropbox 不会更新

Question

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

每次盒子更新时，我都会运行这段代码。

        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

            });

一切正常。

控制台中没有错误，什么都没有。我完全不知所措。

Answer 1

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

Answer 2

在重新分配变量后，它们出于某种原因显示为字符串。我不知道为什么javascript没有自动将杂耍输入整数。使用后parseInt()问题得到解决。