Por alguna razón, el lienzo HTML no dibuja una línea entre los puntos extremos. Lo mismo ocurre con SVG. Estoy tratando de ejecutar el siguiente fragmento simple:

Como ves, el punto con 10^9 se dibuja bien pero el que tiene 10^10 no. ¿Hay alguna razón en particular? ¿Me estoy perdiendo de algo? ¿O me pueden señalar un enlace de referencia? Busqué pero no pude encontrar una respuesta relevante.

 var ctx = document.getElementById('canvas').getContext('2d'); // draws //ctx.moveTo(10, -1000000000); // does not draw ctx.moveTo(10, -10000000000); ctx.lineTo(200, 100); ctx.stroke();

 <canvas width="500" height="500" id="canvas"></canvas>

Aquí hay un violín si eso ayuda: https://jsfiddle.net/qov72ag4/