Free drawing line jump slightly left and top after next editing

[junghwan-park]

Version

3.5.0

Development Environment

OSX, Chrome

Current Behavior

Free drawing line jumps after next editing. But Straight line doesn't.

Expected Behavior

Free drawing line should not move any pixels.

ref: #151

[zhaoyuhang1033]

I am the same,in the chrome and vue

[syednoor6208]

Free drawing line jumps after next editing.
same issue in react js.

[dexp-io]

Same issue on live demo
https://cl.ly/7c213f253101/Screen%20Recording%202019-06-24%20at%2009.00%20AM.gif

[calvinkei]

any fix yet?

[dexp-io]

Downgrade to 3.3.1 version seems to help

[dimakovalevskyi]

Try to use fabric.js 1.6.7. It helps me.

[stanleek]

downgrade does not help...

line offset is half of previous draw line

[Langstra]

Any idea when this is going to be fixed?

[jinwoo-kim-nhn]

resolved at 3.7.1

[DishantOpenxcell]

I faced the same issue even after you fixed
Even in the documentation, this issue occurring can someone please tell me how to fix this?

[klmaaa]

You should update the brushWidth in tui-image-editor.js as follows:

From

function getBrushSettings() {
  var brushWidth = $inputBrushWidthRange.val();
  var brushColor = brushColorpicker.getColor();

  return {
    width: brushWidth,
    color: hexToRGBa(brushColor, 0.5),
  };
}

To

function getBrushSettings() {
  var brushWidth = parseInt($inputBrushWidthRange.val(), 10);
  var brushColor = brushColorpicker.getColor();

  return {
    width: brushWidth,
    color: hexToRGBa(brushColor, 0.5),
  };
}