如何调整画笔宽度？ - Fabric.js

Question

我可以在fabric.js中调整画笔大小，但是再次更改画笔大小后，绘制的轮廓在绘制后立即向左移动一点，向上移动一点！

我的代码在画笔大小的初始设置中运行良好，并且我有 没问题！

canvas.freeDrawingBrush.width = 10;

调整画笔大小后，画笔大小再次改变并正常工作，但出现以下问题

function resize(){
   canvas.freeDrawingBrush.width = 20; // Resize 10 to 20
}

我的问题调整大小后画笔：

我该怎么办？

Answer 1

也有类似的问题。结果我将画笔大小设置为字符串值而不是整数值。

应该是：

canvas.freeDrawingBrush.width = 5;

代替：

canvas.freeDrawingBrush.width = '5';

如果您从表单输入中获取值。记住将其转换为整数。 例如：

canvas.freeDrawingBrush.width = parseInt(input.value);