Move the element's position by the specified amount (x, y), using the element ID of the SVG graphic opened in the SVG object
void @SVGElementMove(string classname, string elementID, float x, float y);
Parameters
string classname : The class name of the SVG object.
string elementID : SVG element ID.
float x : distance to move from the center of the original element to the x-axis.
float y : distance to move from the center of the original element to the y-axis.
Return value
None.
Example1)
If($DI_0000 == 1)
@SVGElementMove("SVG11", "circle", 20,40);
else
@SVGElementMove("SVG11", "circle", 0,0);
Description :
If the DI_0000 tag is 1, the SVG graphic of the SVG1 object moves the
element with the ID circle by 20 on the x-axis and 40 on the y-axis.
If the
DI_0000 tag is 0, move the element with the ID circle in the SVG graphic of the
SVG1 object to its place (0,0).
Note) If the SVG file does not have an element ID, you can open the SVG file with an editor such as Notepad and specify the ID as shown below.
<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">Main title</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>
Version Information
Supported Version: 10.3.6.21
Related Helps)