SVG 요소에서 열린 SVG 그래픽의 element ID를 이용하여 element의 변형(이동, 회전, 스케일)을 초기화한다.
SVG element 를 모두 초기해야할 경우, @SVGSetFile() 함수를 이용한다.
void @SVGElementReset(string classname, string elementID);
함수인자
string classname : SVG 요소의 클래스 이름
string elementID : SVG element ID
반환 값
반환 값은 없다.
예제1)
If($DI_0000 == 1)
@SVGElementTransform("SVG1", "rect", 45, 1, 1, 20, 20);
else
@SVGElementReset("SVG1", "rect");
DI_0000 태그가 1이면, SVG1 요소의 SVG 그래픽에서 ID가 rect인 element를 element 중심부 기준으로 45도 회전하고 x축으로 20만큼, y축으로 20만큼 옮긴다.
DI_0000 태그가 0이면, rect element의 변형을 초기화한다.
참고) 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
관련항목)