При изменении картинки SVG добавления текста, Body начинает вылазить за экран и появляется прокрутка в ширину и в высоту.
В других браузера нормально.
Кое как нашел, что это из за картинки, но в какую сторону дальше грести не понятно.
В общем рисую картинку(блок схема) в openoffice draw, после в текстовым полям в блокноте добавляю ID, и по JSON запросу вставляю в эти поля параметры по ID
id.textContent="I="+data/10+" A";
Кусок картинки
|
Код:
|
<g xmlns="http://www.w3.org/2000/svg" class="com.sun.star.drawing.TextShape">
<g id="id27">
<rect class="BoundingBox" fill="none" stroke="none" x="10400" y="5700" width="1989" height="688" />
<text class="TextShape">
<tspan class="TextParagraph" font-family="Liberation Serif, serif" font-size="388px" font-weight="400">
<tspan class="TextPosition" x="10650" y="6172">
<tspan id="id_Current_I" fill="rgb(0, 0, 0)" stroke="none">!!!!!!!ТЕКСТ!!!!!!</tspan>
</tspan>
</tspan>
</text>
</g>
</g> |
Уже давно использую такую концепцию, и как-то все работало, а тут заметил что в IE как-то все не так, долго ковырялся, так как в режиме разработчика, по нажиманию на вылезшее поле говорит что это HTML
В общем нашел что это из за JSON запроса, и то не с первого раза такое происходит где-то с 3-6 запроса.
Если остановить JSON убрать текст который вставил, и по крутить
stroke-width="28.222" до 23, то сайт принимает нормальный вид.
если просто крутить stroke-width нечего не меняется и не понятно как вообще оно влияет, и почему только IE
