SVG 요소에서 열린 SVG 그래픽의 element ID를 이용하여 element를 각 가로/세로 비율에 맞춰 확대/축소한다.
void @SVGElementScale(string classname, string elementID, float scaleX, float scaleY);
함수인자
string classname : SVG 요소의 클래스 이름
string elementID : SVG element ID
float scaleX : 원본 element 기준으로 확대/축소할 가로 비율 ( 1 : 원본크기, 0.8 : 80% 비율, 2 : 200%)
float scaleY : 원본 element 기준으로 확대/축소할 세로 비율 ( 1 : 원본크기, 0.8 : 80% 비율, 2 : 200%)
반환 값
반환 값은 없다.
예제1)
If($DI_0000 == 1)
@SVGElementScale("SVG1", "circle", 0.8, 0.8);
else
@SVGElementScale("SVG1", "circle", 1, 1);
DI_0000 태그가 1이면, SVG1 요소의 SVG 그래픽에서 ID가 circle인 element를 가로/세로 모두 원본크기*0.8 만큼 축소한다.
DI_0000 태그가 0이면, 원래 크기로 되돌린다.
예제2)
@SVGElementScale("SVG1", "circle", 2, 1);
SVG1 요소의 SVG 그래픽에서 ID가 circle인 element의 가로 크기만 2배로 늘린다.
참고) 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
관련항목)