Здесь у меня есть SVG-путь, созданный из многоугольника в широтно-длинных градусах, визуализированный дважды, один раз с шириной штриха 6e-5 и один раз с шириной штриха 7e-5.
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
width="50px" height="50px" viewBox="-93.146752514 -41.665871084 0.006181792 0.006973032">
<path d="M -93.144986629000002 -41.665658802999999 L -93.145040273999996 -41.662124163000001 -93.146692513999994 -41.659406928000003 -93.146606684000005 -41.659006146000003 -93.140652180000004 -41.658958052000003 -93.140630721999997 -41.664897388999997 -93.141059874999996 -41.665225999999997 -93.141070604000006 -41.66577101 -93.144932984999997 -41.665811083999998 Z" stroke="black" stroke-width="6e-05" fill="none" />
</svg>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
width="50px" height="50px" viewBox="-93.146752514 -41.665871084 0.006181792 0.006973032">
<path d="M -93.144986629000002 -41.665658802999999 L -93.145040273999996 -41.662124163000001 -93.146692513999994 -41.659406928000003 -93.146606684000005 -41.659006146000003 -93.140652180000004 -41.658958052000003 -93.140630721999997 -41.664897388999997 -93.141059874999996 -41.665225999999997 -93.141070604000006 -41.66577101 -93.144932984999997 -41.665811083999998 Z" stroke="black" stroke-width="7e-05" fill="none" />
</svg>
В Firefox я вижу две копии одного и того же изображения.В Safari я вижу только полигон 7e-5.В Chrome я вижу многоугольник 6e-5, а многоугольник 7e-5 становится огромной черной массой.
Проблема Chrome является наиболее проблемной, поскольку она означает, что вставка этого svg в любом месте переполняет и охватывает элементы вокруг него.Любые идеи о том, что может быть причиной различных визуализаций, и как я могу предотвратить это последовательно?