SVG를 단위로 번역 하시겠습니까?

em을 SVG 번역을위한 단위로 사용하는 방법이 있습니까? as inSVG를 단위로 번역 하시겠습니까?

<rect height="10em" width="10em" transform="translate(0em, 10em)" 
style="fill:none;stroke-width:3;stroke:black/>

단위를 em로 제거하지 않으면 사각형이 Firefox에서 변환되지 않습니다.

출처

2012-04-25 user1357415

죄송합니다. 코드 스 니펫을 코드 스 니펫으로 강조 표시하지 않았으므로 표시되지 않았습니다. – user1357415

''명령과 같이 변환 단위는 모두 사용자 공간에 있어야합니다. 그러나, 나는 이것을 확증하는 스펙을 현재 찾을 수 없기 때문에 이것을 대답 대신에 주석으로 게시하고 있습니다. – Phrogz

추가 정보 : "Tranforms"[sic] 섹션을 읽으십시오. http://lists.w3.org/Archives/Public/www-style/2012Feb/0550.html – Phrogz

불행히도, 아닙니다;

사양은 explicitly allow for user units - 특별히 지정되지 않은 경우 CSS 단위 및 픽셀 단위의 기본값 - 좌표에 적용되며, 변환은 부동 소수점 숫자로만 사용됩니다 (SVGMatrix interface).

출처

2012-04-25 23:21:25

당신이 새로운 좌표계 변환 할 요소 (들)을 포장하는 경우 정렬이 작업을 수행 할 수 있습니다

<svg> 
    <svg width="1em" height="1em" overflow="visible" viewBox="0 0 1 1"> 
    <rect height="10" width="10" transform="translate(0, 10)" .../> 
    </svg> 
</svg>

또 다른 옵션 만 번역이 필요하고 x와 y이 요소를 사용하는 경우 속성 (또는 동급)과 같이, 대신 사람들을 사용하는 것입니다

<rect x="0" y="10em" height="10em" width="10em" 
style="fill:none;stroke-width:3;stroke:black/>

transforms in CSS/SVG을위한 새로운 사양은 현재 작업중인되고, 그것은 참으로 번역의 단위, here을 볼 수 있습니다.

출처

2012-04-26 06:57:39

SVG를 단위로 번역 하시겠습니까?

답변

관련 문제