Fabric JS画布边框影响鼠标偏移

Question

Using Fabric JS, I have a 100px border as an inline style for my canvas

<canvas id='c' style = 'border: solid red 100px;'></canvas>

This is causing issues with selecting objects as the mouse position seems to be offset by the border width

FIDDLE

I have tried to fix the issue using

obj.setCoords();

and

canvas.calcOffset();

with no joy?..

Answer 1

Try jsFiddle . FabricJs generates 2 canvases and they are not placed coreectly inside .canvas-container class

#c{
    border: 100px solid #AAA;
}
.upper-canvas{
    top: 100px !important;
    left: 100px !important;
}