Fabric js canvas 边框影响鼠标偏移

Question

使用 Fabric JS，我有一个 100px 的边框作为我 canvas

的内联样式

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

这会导致选择对象时出现问题，因为鼠标位置似乎偏移了边框宽度

我已尝试使用

解决问题

obj.setCoords();

和

canvas.calcOffset();

没有快乐？..

Answer 1

尝试jsFiddle。 Fabric Js 生成 2 个画布，它们没有正确放置在 .canvas-container class

中

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

Fabric js canvas border affects mouse offset