Привязка цвета событий к статусу

[Mikhail]

там мигание в одну строчку кода добавляется, если память не изменяет

Если есть пример, выложите, пожалуйста, для всех.

[Romiros]

Поместите этот код в нужное место вашего svg файла, например между тегами <g></g>, зависит от сложности картинки.

<animate attributeName=»opacity» dur=»1s» values=»0.0;1;0.0″ repeatCount=»indefinite» />

По сути можно просто методом научного тыка подобрать куда добавить :). И так, по идее, можно не только мигание делать, а по сути любую анимацию, которую позволяет делать svg — вращение, изменение размера или цвета и т.д.

[a80808]

Я имел в виду не мигание картинки (хотя тоже интересно, но решается в том числе и gif) а мигание текстового поля в зависимости огт статуса. Т.е. в настоящей версии например при статусе 11 и 15 (авария) мигание фона (а в будущем значения) например…

[a80808]

Класс!
Взял пример из Википедии «Жели\тая звезда», добавил код от @Romiros и получилась мигающая желтая звезда.
Вот код файла GoldAster2.svg. Курсивом выделено добавление (поправить пришлось):

?xml version=»1.0″ encoding=»UTF-8″ standalone=»no»?>
<svg width=»198″ height=»188″
viewBox=»0 0 198 188″
version=»1.1″
baseProfile=»full»
xmlns=»http://www.w3.org/2000/svg&#187;
xmlns:xlink=»http://www.w3.org/1999/xlink&#187;
xmlns:ev=»http://www.w3.org/2001/xml-events»&gt;
<g id=»Page-1″ stroke=»none» stroke-width=»1″ fill=»none» fill-rule=»even-odd»>
<polygon id=»Star-1″ stroke=»#979797″ stroke-width=»3″ fill=»#F8E81C»
points=»99 154 40 185 51 119 4 73 69 64 99 3 128 64 194 73 147 119 158 185 «>
</polygon>
<animate attributeName=»opacity» dur=»1s» values=»0.0;1;0.0″ repeatCount=»indefinite» />
</g>
</svg>

[a80808]

Кстати при копировании сюда портятся кавычки, код работать не будет!

?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="198" height="188"
     viewBox="0 0 198 188"
     version="1.1"
     baseProfile="full"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns:ev="http://www.w3.org/2001/xml-events">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="even-odd">
        <polygon id="Star-1" stroke="#979797" stroke-width="3" fill="#F8E81C"
            points="99 154 40 185 51 119 4 73 69 64 99 3 128 64 194 73 147 119 158 185 ">
        </polygon>
		<animate attributeName="opacity" dur="1s" values="0.0;1;0.0" repeatCount="indefinite" />
    </g>
</svg>

[a80808]

Этот будет )))

[Mikhail]

HTML/XML Escape

[Автор]

Сообщения