1. Add an object to a fabric canvas
2. call object.center()
3. error: /

It seems the object is now in two places. It's visually rendered in the center, but the mouse cursor sees it as in its original position. If you click on the original position, the canvas updates properly and things behave as normal.

canvas.calcOffset() doesn't fix it (as it did here).

1. Add an object to a fabric canvas
2. call object.center()
3. error: http://jsfiddle/tBnfL/

It seems the object is now in two places. It's visually rendered in the center, but the mouse cursor sees it as in its original position. If you click on the original position, the canvas updates properly and things behave as normal.

canvas.calcOffset() doesn't fix it (as it did here).

• javascript
• html5-canvas
• fabricjs

2 Answers 2

Turns out this is an open issue in fabricjs:

https://github./kangax/fabric.js/issues/642

The solution is to call object.setCoords() after changing the object's position.

The above has not worked for me, but the following code works fine

canvas.renderAll();