裁剪框在提供变量时不会更新

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

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

Answer 2

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