SVGHMI: add support for "reference" and "frame" rectangles to spread-out ovelapping elements.
When HMI become complicated, designer needs to spread-out ovelapping elements
in order to unclutter drawing and facilitate maintenance.
<?xml version='1.0' encoding='utf-8'?>
<project xmlns:ns1="http://www.plcopen.org/xml/tc6_0201" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://www.plcopen.org/xml/tc6_0201">
<fileHeader companyName="Unknown" productName="Unnamed" productVersion="1" creationDateTime="2022-09-05T09:02:48"/>
<contentHeader name="Unnamed" modificationDateTime="2022-09-20T11:48:55">
<coordinateInfo>
<fbd>
<scaling x="5" y="5"/>
</fbd>
<ld>
<scaling x="0" y="0"/>
</ld>
<sfc>
<scaling x="0" y="0"/>
</sfc>
</coordinateInfo>
</contentHeader>
<types>
<dataTypes/>
<pous>
<pou name="program0" pouType="program">
<interface>
<localVars>
<variable name="LocalVar0">
<type>
<DINT/>
</type>
</variable>
<variable name="LocalVar1">
<type>
<DINT/>
</type>
</variable>
</localVars>
</interface>
<body>
<FBD>
<inVariable localId="31" executionOrderId="0" height="25" width="85" negated="false">
<position x="175" y="290"/>
<connectionPointOut>
<relPosition x="85" y="10"/>
</connectionPointOut>
<expression>LocalVar0</expression>
</inVariable>
<outVariable localId="30" executionOrderId="0" height="25" width="85" negated="false">
<position x="330" y="290"/>
<connectionPointIn>
<relPosition x="0" y="10"/>
<connection refLocalId="31">
<position x="330" y="300"/>
<position x="260" y="300"/>
</connection>
</connectionPointIn>
<expression>LocalVar1</expression>
</outVariable>
</FBD>
</body>
</pou>
</pous>
</types>
<instances>
<configurations>
<configuration name="config">
<resource name="resource1">
<task name="task0" priority="0" interval="T#20ms">
<pouInstance name="instance0" typeName="program0"/>
</task>
</resource>
</configuration>
</configurations>
</instances>
</project>