Widziałem wiele przykładów użycia CSS do wpływania na styl elementów SVG, ale żadne z nich nie pomogło mi w pytaniu o markery. I szczerze, nadal pracuję nad składnią obu (SVG & CSS).Zmiana koloru znacznika SVG - CSS?
Chcę zdefiniować znacznik, a następnie móc go używać w różnych miejscach, ale w różnych kolorach.
Na przykład:
<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
viewBox="0 0 180 320">
<defs>
<marker class="AsteriskMarkerClass" id="AsteriskMarker" viewBox="-1 -1 2 2" stroke-width="0.1">
<line x1="0" y1="-1" x2="0" y2="1" />
<line x1="-1" y1="0" x2="1" y2="0" />
<line x1="-0.7071" y1="-0.7071" x2="0.7071" y2="0.7071" />
<line x1="-0.7071" y1="0.7071" x2="0.7071" y2="-0.7071" />
</marker>
</defs>
.AsteriskMarkerClass { stroke:red; }
<path d="M 60,100"
stroke-width="10"
marker-start="url(#AsteriskMarker)" />
.AsteriskMarkerClass { color:green; }
<path d="M 90,140"
stroke-width="10"
marker-start="url(#AsteriskMarker)" />
</svg>
Jeśli ktoś mógłby dać mi wskazówka, w jaki sposób może to zrobić, będę wdzięczny.
Obecnie nie jest to możliwe, ale wydaje mi się, że rozważa się nadchodzącą specyfikację SVG 2. –
Obecnie można używać javascript do klonowania i zmiany koloru dla każdego innego stylu znacznika. – cuixiping