Rotate the element by the set angle using he element ID of the SVG graphic opened in the SVG object.
void @SVGElementRotate(string classname, string elementID, float angle);
Parameters
string classname : The class name of the SVG object
string elementID : SVG element ID
float angle : The angle at which you want to rotate relative to the center of the original element.
Return value
None.
Example1)
If($DI_0000 == 1)
@SVGElementRotate("SVG1", "rect1", 90);
else
@SVGElementRotate("SVG1", "rect1", 0);
Description :
If the DI_0000 tag is 1, the SVG graphic of the SVG1 object rotates the
element with ID rect1 90 degrees from the center
If the DI_0000 tag is 0,
rotate it to its original position.
Example2)
@SVGElementRotate("SVG1", "path1", $AI_0000);
Description : In the SVG graphics of the SVG1 object, rotate the element with ID path1 by a value of $AI_0000 relative to the center of the element.
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)