SVG 요소에서 열린 SVG 그래픽의 element ID를 이용하여 element의 위치를 지정한 (x, y) 만큼 옮긴다.
void @SVGElementMove(string classname, string elementID, float x, float y);
함수인자
string classname : SVG 요소의 클래스 이름
string elementID : SVG element ID
float x : 원본 element의 중심부에서 x축으로 이동할 거리
float y : 원본 element의 중심부에서 y축으로 이동할 거리
반환 값
반환 값은 없다.
예제1)
If($DI_0000 == 1)
@SVGElementMove("SVG11", "circle", 20,40);
else
@SVGElementMove("SVG11", "circle", 0,0);
DI_0000 태그가 1이면, SVG1 요소의 SVG 그래픽에서 ID가 circle인 element를 x축으로 20, y축으로 40만큼 옮긴다.
DI_0000 태그가 0이면, SVG1 요소의 SVG 그래픽에서 ID가 circle인 element를 제자리(0,0)으로 옮긴다.
참고) 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
관련항목)