SVG 요소에서 열린 SVG 그래픽의 element ID를 이용하여 element의 채움색과 윤곽선 색상을 변경할 수 있다.
void @SVGElementColor(string classname, string elementID, int color, int flagFill, flagStroke);
함수인자
string classname : SVG 요소의 클래스 이름
string elementID : SVG element ID
int color : RGB 색상값
int flagFill : 채움색상 변경 여부
int flagStroke : 윤곽선 색상 변경 여부
반환 값
반환 값은 없다.
예제1)
If($DI_0000 == 1)
@SVGElementColor("SVG1", "Circle1", @RGB(255,0,0), 1, 1);
else
@SVGElementColor("SVG1", "Circle1", @RGB(0,0,255), 1, 1);
DI_0000 태그가 1이면, SVG1 요소의 SVG 그래픽에서 ID가 Circle1인 element의 채움색상과 윤곽선을 모두 빨간색으로 변경한다.
DI_0000 태그가 0이면, SVG1 요소의 SVG 그래픽에서 ID가 Circle1인 element의 채움색상과 윤곽선을 모두 파란색으로 변경한다.
예제2)
@SVGElementColor("SVG1", "Path1", @RGB(0,0,255), 1, 0);
SVG1 요소의 SVG 그래픽에서 ID가 path1인 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
관련항목)