SVG 요소에서 열린 SVG 그래픽의 element ID를 이용하여 텍스트의 크기를 변경한다. ( element 가 텍스트 요소일 경우에만 사용가능.)
void @SVGElementTextSize(string classname, string elementID, float Size, string Unit);
함수인자
string classname : SVG 요소의 클래스 이름
string elementID : SVG element ID
float Size : 변경할 크기
stirng Unit : 변경할 단위 (vw, vh, %, px, em)
반환 값
반환 값은 없다.
예제1)
If($DI_0000 == 1)
@SVGElementTextSize("SVG1", "main-title", 10, "px");
else
@SVGElementTextSize("SVG1", "main-title", 20,"px");
DI_0000 태그가 1이면, SVG1 요소의 SVG 그래픽에서 ID가 main-title인 텍스트 element의 글자크기를 10px 로 변경한다.
DI_0000 태그가 0이면, 글자크기를 20px로 변경한다.
참고) SVG 파일에 element ID 가 없을 경우, 메모장 등 편집기로 해당 SVG 파일을 열어 아래처럼 ID를 지정하여 사용할 수 있다.
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="200" viewBox="0 0
300 200">
<rect id="bg" width="100%"
height="100%" fill="#f0f0f0"/>
<text id="main-title"
x="150" y="50" font-family="Arial, sans-serif" font-size="24"
text-anchor="middle" fill="#333333">메인 제목</text>
<circle
id="circle" cx="150" cy="120" r="20" fill="#3498db"/>
<rect
id="rect" x="145" y="90" width="10" height="10"
fill="#121212"/>
<path id="curve1" d="M60,140
C90,110 120,170 150,140 S210,110 240,140" stroke="#4285f4" stroke-width="3"
fill="none"/>
</svg>
버전정보
최초지원: 10.3.6.21
관련항목)