Непонятное поведение SVG

160
02 марта 2019, 07:30

у меня следующая проблема в проекте использую SVG файл через object, вот шапка svg'шника и элемента object со страницы:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:class="empty"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xml:space="preserve"
style="shape-rendering:geometricPrecision; text- 
rendering:geometricPrecision; 
image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
width="100%"
height="100%"   
viewBox="0 0 1100 1200"
id="svg2"      
sodipodi:version="0.32"
inkscape:version="0.48.3.1 r9886"
sodipodi:docname="Moscow_election_2005,_Edinaja_Rossija_Map.temp.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
version="1.1">  

И подгрузка svg:

<div id="map_scroll" >
<h1> Активность </h1><br/>
<object id="Svg_maps" type="image/svg+xml" 
data="image/DBArtist_page/Moscow.svg" class="mysvg"></object>   
</div>

А вот подборка получаемых результатов;

Плохое:

Хорошее:

к фотографиям я прикрепил скрин из панели разработчика и заметил такую вещь, что при вставке svg без генерации вложенного html (просто document и всё) он располагается как надо, а когда генерирует, получается результат представленный на картинке с подписью "плохой". Поэтому прошу помощи и совета, так как в дизайне я не силен, а уж тем более в векторной графике, заранее спасибо

READ ALSO
Div не растягивается по высоте

Div не растягивается по высоте

Почему левое меню не растягивается по высоте контента? Код ниже просто для того, чтобы вопрос разрешили опубликовать

134
Область видимости переменной var

Область видимости переменной var

Почему я могу получить доступ к переменной i вне цикла, в котором она использовалась?

119
Почему JQuery работает только для одного элемента?

Почему JQuery работает только для одного элемента?

Всем привет у меня есть таблица, куда элементы наполняются через forEach, и есть JQuery скрипт, ajax который отправляет запросы на сервакНо почему...

163
event.PageX, event.PageY

event.PageX, event.PageY

При перемещении курсора над элементом (подозреваю mousemove) требуется фиксировать два значения позиции курсораНапример по оси Х

215