W jaki sposób obraz SVG może dziedziczyć kolory z dokumentu HTML?

Mam kilka obrazów SVG, które chcę osadzić na stronie HTML, która jest stylizowana na CSS.W jaki sposób obraz SVG może dziedziczyć kolory z dokumentu HTML?

Chcę, aby elementy w SVG miały swój kolor odziedziczony po atrybucie koloru nadrzędnego elementu HTML.

Próbowałem ustawić style="stroke: none; fill: inherit", ale to nie działa.

Źródło

2012-10-21 user1762639

Spójrz na parametry SVG: http://www.schepers.cc/w3c/svg/params/ref.html – Stan

Twoje pytanie nie jest jasne na * jak * możesz osadzić fragmenty svg . Brzmi trochę jak http://stackoverflow.com/questions/4906148/how-to-apply-a-style-to-an-embedded-svg. W każdym razie, jeśli twoje fragmenty są wstawiane w html, stylizacja jak w twoim przykładzie powinna działać dobrze. –

html używa koloru, podczas gdy SVG używa wypełnienia i obrysu. Możesz uzyskać wypełnienie lub obrys, aby użyć wartości kolorowej właściwości CSS, używając wartości currentColor np. fill = "currentColor"

Źródło

2012-10-21 21:19:21

To jest właściwa odpowiedź. –

Nie działa to jednak z osadzonymi SVG, prawda? – obskyr

To prawda, ale nie jest to dokument przekrojowy, jeśli o to ci chodzi. –

W jaki sposób obraz SVG może dziedziczyć kolory z dokumentu HTML?

Odpowiedz

Powiązane problemy