fabric.Line width bug
by Steve Eberhardt
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.4.0/fabric.js"></script>
<canvas id="c1" width="400" height="300"></canvas>
<canvas id="c2" width="400" height="300"></canvas>
<div id="output"></div>
CSS
canvas {
border: 1px dotted gray;
}
JavaScript
const canvas1 = window._canvas1 = new fabric.Canvas('c1');
const canvas2 = window._canvas2 = new fabric.Canvas('c2');
const line1 = new fabric.Line([10, 10, 90, 90], {stroke: "#000000"});
const line2 = new fabric.Line([10, 10, 90, 90], {stroke: "#000000"});
canvas1.add(line1);
canvas1.renderAll();
canvas2.add(line2);
line2.set({
x1: 0,
x2: 80,
y1: 0,
y2: 80
});
line2.setCoords();
canvas2.renderAll();
console.log(line1.toJSON());
console.log(line2.toJSON());