Fabric.js strokeWidth 导致对象在某些 SVG 上移动（平移）答案

【问题标题】：Fabric.js strokeWidth causes objects to move (translate) on some SVGFabric.js strokeWidth 导致对象在某些 SVG 上移动（平移）
【发布时间】：2019-02-28 15:30:35
【问题描述】：

我对我拥有的一些 SVG 模式有疑问。我所有的 SVG 都不会发生这种情况，只有少数，这令人沮丧。

基本上，当我向对象添加描边颜色时，对象将显示描边颜色正常，但是一旦我增加描边宽度，它将水平或垂直平移对象（取决于 SVG）并增加边界框的大小。

我有一个输入数字的文本输入字段，然后我有一个按钮来触发笔划宽度变化。

$("#btnstrokew").click(function()
{
    var width = $("#stroke-width").val();

    var activeGroup = canvas.getActiveObjects();
    if (activeGroup.length == 1) 
    {
        canvas.getActiveObject().set("strokeWidth", width);
    }
    else if(activeGroup.length > 1)
    {
        var actObj = canvas.getActiveObjects();
        actObj.forEach(function (object) {
            object.set("strokeWidth", width);
        });
    }
    canvas.requestRenderAll();
    save(true);
});

我只想让对象保持原位并增加笔画宽度。

谁能解释一下它为什么这样做？

【问题讨论】：

标签： svg

【解决方案1】：

好的，我想通了。

我需要 ParseInt 或 ParseFloat 的值。

canvas.getActiveObject().set("strokeWidth", parseFloat(width));

【讨论】：