2017-09-18 16 views
1

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> 

(전에서 widthheight 세트 100 %를 가지고 있습니다 내 두 번째 시도).

이제 내 질문 :이 작동에도 불구하고 W3C 표준의 너비와 높이에 백분율을 사용하고 있습니까? 아니면 해킹입니까?

감사합니다.

답변

1

은 너비와 높이의 백분율을 W3C 표준으로 사용하고 있습니까?

예. https://www.w3.org/TR/SVG/coords.html에 따르면

지원 길이 부 식별자는 : EM, 전, PX, PT, PC, cm, mm에서와 비율은.