Increase or decrease the size of the element to each aspect ratio, using the element ID of the SVG graphic opened in the SVG object.
void @SVGElementScale(string classname, string elementID, float scaleX, float scaleY);
Parameters
string classname : The class name of the SVG object.
string elementID : SVG element ID
float scaleX : Horizontal size ratio based on the original element ( 1 : original size, 0.8 : 80% ratio, 2 : 200%)
float scaleY : Vertical size ratio based on the original element ( 1 : original size, 0.8 : 80% ratio, 2 : 200%)
Return value
None.
Example1)
If($DI_0000 == 1)
@SVGElementScale("SVG1", "circle", 0.8, 0.8);
else
@SVGElementScale("SVG1", "circle", 1, 1);
Description :
If the DI_0000 tag is 1, the SVG graphic of the SVG1 object with the ID
circle is reduced by its original size*0.8 in both width and height.
If the
DI_0000 tag is 0, it reverts to its original size.
Example2)
@SVGElementScale("SVG1", "circle", 2, 1);
Description : In the SVG graphics of the SVG1 object, only the horizontal size of the element with the ID circle is doubled.
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)