SVG 요소를 만들고 있는데 배경색을 변경하고 싶습니다. this question에 따라 W3C recommendations에 따라 background-color
은 SVG의 표준 스타일이 아니며 대신 fill
을 사용해야합니다. 그러나 fill
이 작동하지 않고 the most common solution 요소는 svg
요소 내에 rect
요소를 만들고 해당 rect 요소의 너비와 높이가 svg
과 비슷해야합니다.SVG RECT 너비와 높이 100 %
그래서, 다음은 제안 된 솔루션의 결과입니다 : 다음 변경
<svg width="300" height="200">
<rect width="300" height="200" style="fill: rgb(0, 255, 0);></rect>
</svg>
는 것과 :
<svg width="300" height="200">
<rect width="100%" height="100%" style="fill: rgb(0, 255, 0);"></rect>
</svg>
(전에서 width
및 height
세트 100 %를 가지고 있습니다 내 두 번째 시도).
이제 내 질문 :이 작동에도 불구하고 W3C 표준의 너비와 높이에 백분율을 사용하고 있습니까? 아니면 해킹입니까?
감사합니다.