Beispiel 1: Schranke


Eigenschaften:

Aktionen:

Color

Legt die Farbe des Armes der Schranke fest.

Keine

Open

Legt fest ob die Schranke geöffnet oder geschlossen ist.




<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 100" style="height: 100vh;width: 100vw;">
    <qhmi>
        <property name="Color" datatype="Color" defaultvalue="#FF9523">
            <target type="Attribute" element="boombg" selector="fill" />
        </property>
        <property name="Open" datatype="Boolean" defaultvalue="False">
            <target type="Attribute" element="boom" selector="transform">
                <condition eq="True" output="rotate(-120 25,60)" />
                <condition eq="False" output="rotate(-90 25,60)" />
            </target>
        </property>
    </qhmi>
    <g>
        <rect stroke="#000000" height="50" width="10" y="48" x="20" rx="2" ry="2" stroke-width="2" fill="#477fb7" />
        <rect class="boom boombg" stroke="#000000" transform="rotate(-90 25,60)" height="100" width="10" y="48" x="20" rx="2" ry="2" stroke-width="2" fill="#FF9523" />
        <g class="boom" transform="rotate(-90 25,60)">
            <rect height="10" width="10" y="68" x="20" fill="#000000" />
            <rect height="10" width="10" y="88" x="20" fill="#000000" />
            <rect height="10" width="10" y="108" x="20" fill="#000000" />
            <rect height="10" width="10" y="128" x="20" fill="#000000" />
        </g>
    </g>
</svg>