У меня есть некоторый встроенный код SVG, который генерируется во время выполнения. По какой-то странной причине я получаю неправильные результаты в chrome по сравнению с другими браузерами.
Здесь это в chrome ..
Если вы посмотрите на еще один правый кружок, вы увидите, что он выделен в chrome инструментах проверки, то есть в коробке. Глядя на ограничивающую рамку проверок, она ясно думает, что svg находится в том, что я считаю правильной позицией (конец строки), сам код svg также является правильным (например, используемые координаты) ... однако фактическая окружность вытянута из его области.
Здесь точно так же, как в firefox ...
Опять я выделил в инструментах проверки браузеров вы можете видеть круг именно там, где он и должен быть.
Любопытно, что расстояние от его 0,0 (самый левый круг), по-видимому, влияет на смещение визуализированного круга. Здесь он снова в chrome, и вы увидите, что он не смещен на ту же сумму
Я удалил все css (он включен в фотографии, чтобы сделать его более четким), и это не помогло.
Тот факт, что его штраф в Firefox, несмотря ни на что, и инструменты проверки chrome показывают его правильную границу, заставляет меня думать, что это ошибка / разница в способе обработки svgs в chrome?
Если у кого-то есть какие-либо предложения, я был бы очень признателен за ваш вклад.
спасибо
РЕДАКТИРОВАТЬ: Heres the Код SVG:
<svg width="57.59424px" height="57.59424px">
<path d="M28.7969 28.7969 l1351.0526 31.115000000000002" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 2px; opacity: 1; stroke-dasharray: 0;"></path>
<circle class="markup-leader-handle markup-leader-start-point" cx="28.796871185302734" cy="28.796875" r="8"></circle>
<circle class="markup-leader-handle markup-leader-control-point" cx="704.3231843241383" cy="44.35441137083379" r="8"></circle>
<circle class="markup-leader-handle markup-leader-target-point" cx="1379.8494974629739" cy="59.911947741667575" r="8"></circle>
</svg>