SVG ¿ä¼Ò¿¡¼ ¿¸° SVG ±×·¡ÇÈÀÇ element ID¸¦ ÀÌ¿ëÇÏ¿© ÅؽºÆ®¸¦ º¯°æÇÑ´Ù. ( element °¡ ÅؽºÆ® ¿ä¼ÒÀÏ °æ¿ì¿¡¸¸ »ç¿ë°¡´É.)
void @SVGElementText(string classname, string elementID, string Text);
ÇÔ¼öÀÎÀÚ
string classname : SVG ¿ä¼ÒÀÇ Å¬·¡½º À̸§
string elementID : SVG element ID
string Text : º¯°æÇÒ ÅؽºÆ®
¹Ýȯ °ª
¹Ýȯ °ªÀº ¾ø´Ù.
¿¹Á¦1)
If($DI_0000 == 1)
@SVGElementText("SVG1", "main-title", "START");
else
@SVGElementText("SVG1", "main-title", "STOP");
DI_0000 űװ¡ 1À̸é, SVG1 ¿ä¼ÒÀÇ SVG ±×·¡ÇÈ¿¡¼ ID°¡ main-titleÀÎ ÅؽºÆ® elementÀÇ ±ÛÀÚ¸¦ START ·Î º¯°æÇÑ´Ù.
DI_0000 űװ¡ 0À̸é, STOP À¸·Î º¯°æÇÑ´Ù.
Âü°í) 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
°ü·ÃÇ׸ñ)