SVG 이미지에서 HTML 문서의 색상을 상속받는 방법은 무엇입니까?

CSS로 스타일이 지정된 HTML 페이지에 포함하려는 SVG 이미지가 여러 개 있습니다.SVG 이미지에서 HTML 문서의 색상을 상속받는 방법은 무엇입니까?

SVG의 요소에 상위 HTML 요소의 color 속성으로부터 상속 된 색상을 갖길 원합니다.

설정을 시도했지만 style="stroke: none; fill: inherit"이 작동하지 않습니다.

2012-10-21 user1762639

SVG 매개 변수를 살펴보십시오. http://www.schepers.cc/w3c/svg/params/ref.html – Stan

svg 조각을 삽입하는 방법 *에 대한 질문이 명확하지 않습니다. . 그래도 http://stackoverflow.com/questions/4906148/how-to-apply-a-style-to-an-embedded-svg와 비슷하게 들립니다. 어쨌든, 당신의 조각이 html로 인라인되어 있다면, 예제 에서처럼 스타일이 잘 작동해야합니다. –

HTML은 색상을 사용하는 반면 SVG는 채우기 및 획을 사용합니다. currentColor 값을 사용하여 채우기 또는 획을 가져 와서 색상 CSS 속성 값을 사용할 수 있습니다. 예 : fill = "currentColor"

출처

2012-10-21 21:19:21

이것은 올바른 대답입니다. –

이것은 내장 된 SVG에서는 작동하지 않지만 그렇습니까? – obskyr

그렇긴하지만 그것이 의미하는 것이 교차 문서가 아닙니다. –

SVG 이미지에서 HTML 문서의 색상을 상속받는 방법은 무엇입니까?

답변

관련 문제