2012-04-16 3 views
1

예를 들어 사각형 위에 텍스트를 넣고 싶습니다.XML : SVG - 사각형에 텍스트 블록을 묶는 방법

<rect x="0" y="0" width="800" height="600" /> 
<text x="0" y="0"> 
    text text text text text text text text text text text text ... so on 
</text> 

는 그러나 문제는 텍스트가 더 길고 더 이상 얻을 때, 그것은 사각형의 원래 폭을 초과 할 것입니다.

HTML에서 div를 사용하여 SVG에서 텍스트를 감쌀 수 있습니다. 어떻게 처리 할 수 ​​있습니까?

+1

가능한 한 http://stackoverflow.com/questions/4991171/auto-line-wrapping-in-svg-text. –

답변

1

* svg1.2 초안 사양의 흐름 * 부분을 사용하여 게임하고 싶을 수 있습니다. 예를 들어

http://www.w3.org/TR/2004/WD-SVG12-20041027/flow.html

:

<flowRoot> 
<flowRegion> 
<rect x="0" y="0" width="800" height="600" /> 
</flowRegion> 
<flowDiv> 
<flowPara>text text text text text text text text text text text text ... so on</flowPara> 
</flowDiv> 
</flowRoot> 

오늘, 그것은 잉크 스케이프로 작동하고, 바틱과 같은 긴 SVG 버전이 적절하게 설정한다.

편집 : @Robert Longson 그것은 표준되지 않을 수도 있습니다,하지만 그것은 하루 저장할 수있는 사실 잉크 스케이프와 바틱 모두 윈도우와 리눅스에서 사용할 수 있으며, 수 주어진 (괜찮은 SVG 2.0 구현을위한 대기) CLI에서 변환/래스터 화하기 ...

+0

브라우저에서 작동하지 않으며 SVG2에 포함되지 않습니다 (다른 해결책이 있음). 이것은 막 다른 길입니다. –

관련 문제