Как в теге svg сделать условие для IE(edge)?

Question

[Максим Тимофеев]

Есть атрибуты

<g
            stroke-dasharray="1000"
            stroke-dashoffset="1000"
>

Это все отдельно в svg файле
не могу сообразить как их в такой ситуации подменить для ie и edge. Там анимация SMIL и конечно говноБраузеры ее не умеют. Хотел для них просто статику дать, соответственно надо сделать

stroke-dasharray="0"
stroke-dashoffset="0"

Но svg файл как backrgound в css, так что тут траблы. Не могу сообразить каким хаком можно сделать.

Comments

[RAX7]

Так может сначала нарисовать как оно должно быть в статичном виде, а потом анимировать
https://jsfiddle.net/yc8g6pun/1/

[Максим Тимофеев]

RAX7, надо чо бы изначально не было изображения, для этого

stroke-dasharray="1000";
stroke-dashoffset="1000";

Так что в этом как раз и проблема.
Вот пример:
https://jsfiddle.net/j025r9h6/2/
Линии вначале нет, потом есть. Надо что б в edge была сразу, а в других сразу ничего не было
То есть все браузеры:

stroke-dasharray="1000";
stroke-dashoffset="1000";

и только в ie:

stroke-dasharray="0";
stroke-dashoffset="0";

[RAX7]

Максим Тимофеев, https://jsfiddle.net/apte267x/

[RAX7]

Максим Тимофеев, вот так еще и в ff заработает https://jsfiddle.net/xka16z4t/

[Максим Тимофеев]

RAX7, я такого идиотизма от себя не ожидал. Я обнулял dashoffset но вместе с dasharray забывая что анимируется только dashoffset. Надо было только dashoffset обнулять, а не все. Спасибо тебе добрый человек.

[Максим Тимофеев]

RAX7, сделай ответом, отмечу как ответ. Спасибо еще раз.

[RAX7]

Максим Тимофеев, пожалуйста =)

Answer 1

[RAX7]

Проще сначала нарисовать как оно должно выглядеть в браузерах которые не могут в SMIL, а уже потом все это попытаться расшевелить.

Comments

[Максим]

Смотрю в Edge не работает

[RAX7]

Максим Ленский, SMIL в edge/ie и не должен работать https://caniuse.com/#feat=svg-smil

[Максим Тимофеев]

Максим Ленский, именно это и нужно было. Работать оно не должно ибо руки кривые у разработчиков Edge. Надо было просто что-бы показывалось