When rendering lines in a group, the more lines i have the blurrier the result becomes. For example in the snippet below i render 500 lines, and as you can see its not the 1px width i would expect.
Why is this? is my group to big or am i making another mistake?
var canvas = new fabric.Canvas('c');
var lines = [];
for (var i = 0; i < 500; i++)
lines.push(new fabric.Line([i * 20, 0, i * 20, 5000]));
var group = new fabric.Group(lines, {
selectable: false,
lockMovementX: true,
lockMovementY: true,
lockRotation: true,
lockScalingX: true,
lockScalingY: true,
lockUniScaling: true,
hoverCursor: 'auto',
evented: false,
stroke: 'red',
strokeWidth: 1
});
canvas.add(group);<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.20/fabric.min.js"></script>
<canvas id="c" width="5000" height="5000"></canvas>