在Fabric.js中更改矩形，圆形和图像的笔触或strokeWidth时出错

Question

更改矩形，圆形和图像的笔触颜色或笔触宽度时遇到错误。 每次更改这些值时，边界都会成倍增大。

var obj = canvas.getActiveObject();
obj.set("stroke", stroke);
obj.set("strokeWidth", strokeWidth);
canvas.renderAll();

我正在使用此代码设置这些属性。

图1显示了我添加到画布上的圆圈。

图像2显示了更改笔触颜色后增加的边框。

Answer 1

使用parseInt()方法，而不是直接设置其值。

obj.set("stroke", parseInt(stroke));

Answer 2

不确定，但请尝试将填充设置为5-10px。

obj.set("padding", '10');