如果我将一个大数字作为坐标放入SVG元素中,这些元素就不会显示出来。
.line {
stroke-dasharray: 10, 5;
fill: none;
stroke: #FF6600;
stroke-width: 1;
}

<body>
<svg height="500" width="800">
<polyline class="line" points="0,300 16000000,300"></polyline>
</svg>
</body>
&#13;
http://codepen.io/anon/pen/JojbKQ
如果将折线中的16,000,000坐标更改为更小(15M),则会显示。我主要在Chrome中看到这个问题,但它也出现在其他浏览器中,但在其中一些(Firefox)中出现的数字要高得多。它甚至会使用足够多的数字(Firefox)来破坏浏览器。
当我从元素中删除stroke-dasharray属性时,我发现这个问题的数字高出3个数量级。
你可能会问为什么我需要这么大的数字。我有一个可缩放的场景,一旦你放大到足够深度,甚至合理的坐标也很容易达到这个极限。
有谁知道任何一种解决方法?感谢