Fabric.JS 和 AngularJS——0 和 '0' 的区别

Question

我正在创建我的 FabricJS 对象，其中包含一些常用属性，例如“宽度”、“高度”等，如下所示：

var textSample = new fabric.Textbox(text.slice(0, getRandomInt(0, text.length)), {
    includeDefaultValues: true,
    fontSize: 20,
    left: getRandomInt(350, 400),
    top: getRandomInt(350, 400),
    fontFamily: 'Arial',
    fill: '#000000',
    fontWeight: '',
    originX: 'left',
    width: 300,
    hasRotatingPoint: true,
    centerTransform: true,
    name: "Text",
    icon: "format-size",
    fontWeight: 400,
    charSpacing: '0',
    angle: '0',
    strokeWidth: 0
});

“零”值存在一些问题。

对于“角度”：如果我在使用

angle: '0',

一切都很好（就在我的自定义数字输入中显示这一点而言。

angle: 0,

不会在我的数字输入中显示值“零”

将其用于另一侧的“strokeWidth”会破坏我的文本框，并且只有在我手动更改值时才会显示内容：

strokeWidth: '0'

Answer 1

0 和 '0' 的区别

• 0 - 是一个整数值（数字）
• '0' - 是一个字符值（字符串）

在 fabric.js 中，angle 属性只接受数字。您应该将字符串 '0' 解析为 0。

Answer 2

您的小提琴代码正在使用它来发送fabricjs中的值：

        $element.on('change keyup select', function () {
            if ($element[0].type !== 'checkbox') {
                $scope[setter] && $scope[setter](this.value);
            }
        });

this.value 是一个字符串。 要从中获取数字，您需要解析该值。 由于您的元素类型很少，而且可能有很多 setter，因此最好在 setter 中执行转换，以便为每个 setter 使用您需要的特定类型。