Long SVG lines bug in Chrome

[kungfooman]

Example Bug

Applying round lines caps fixes it for some reason:

return `<LINE style="pointer-events:none; stroke-linecap:round;stroke-linejoin:round;" x1=

Example Fix: https://enkimute.github.io/ganja.js/examples/coffeeshop.html#OC4BPrvc2

Algebra(2,0,1,()=>{
  var point = (x,y)=>!(1e0 + x*1e1 + y*1e2);  
  const a = point(0, 0);
  const b = point(-2000000, -1704966);
  const toGraph = [
    '<G style="stroke-linecap:round;stroke-linejoin:round;">',
    [b, a],
    '</g>',
  ];
  const options = {
    grid        : true, // Display a grid
    labels      : false,// Label the grid
    lineWidth   : 3,    // Custom lineWidth (default=1)
    pointRadius : 1,    // Custon point radius (default=1)
    fontSize    : 1,    // Custom font size (default=1)
    scale       : 1,    // Custom scale (default=1), mousewheel.
  };
  const dom = this.graph(toGraph, options);
  document.body.append(dom);
});