For some reason, HTML canvas isn't drawing a line between extreme points. Same goes with SVG. I am trying to run the following simple snippet:

As you see, the point with 10^9 draws fine but the one with 10^10 does not. Is there a particular reason? Am I missing something here? Or can I please be pointed to a reference link? I did search but couldn't find a relevant answer.

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>

Here's a fiddle if that helps: https://jsfiddle.net/qov72ag4/