SVG 이미지 채우기 방법

CSS로 이미지를 채우려고합니다.SVG 이미지 채우기 방법

<object type="image/svg+xml" data="img/test.svg" style="fill: #FF0;">Your browser does not support SVG</object>

어떻게 든 작동하지 않습니다. 어떤 아이디어? 감사!

2014-02-20 turboLoop

사용'배경 - color'을. (후자는 HTML 범위에서 유효하지 않습니다.) –

그냥 시도했습니다. 배경색을 사용하면 배경이 채색되지만 이미지는 검은 색으로 유지됩니다. – turboLoop

'background-color'를 설정하면 채우기를 사용할 필요가 없습니다. –

CSS 스타일은 문서 경계를 넘어서 적용되지 않습니다. SVG는 HTML과 별도의 문서입니다.

그러나 원하는 효과를 얻으려면 다른 방법이 있습니다. 예를 들어 jQuery를 사용하여 호버 이벤트의 SVG를 변경할 수 있습니다. 또는 당신은 에릭에서이 트릭에 따라 부하시에 SVG에 올바른 CSS 규칙을 삽입 할 수 : 대신 fill``의

2014-02-21 00:02:28

문제 해결 ... 감사합니다! – turboLoop

답변