例如：电力设备里面的垂直开关是一个元件，这个元件有两个属性Color与IsOff。Color：可以改变垂直开关的颜色，IsOff：可以切换垂直开关的开与关两个状态。

改变属性之后，就有以下的变化了，请看下图：

其垂直开关的编辑如下（选择元件，鼠标右键，选择进入编辑元件，就可以看到构成与源代码了）：由两线与一矩形构成：

其XML源码如下：

<垂直开关 name="垂直开关2" origin="188,62" bounds="192,48,224,168" Color="255" Isoff="false">

<rect name="Rect1" origin="178,46" bounds="192,73.714286,224,142.285714" linecolor="$FF" backcolor="$0"/>

<line name="L1" origin="178,46" linecolor="$FF" linkmode="2" points="208,73.714286,6 208,48,2"/>

<line name="L2" origin="178,48" linecolor="$FF" linkmode="2" points="208,142.285714,6 208,168,2"/>

<programe>

<!--

property Color read GetColor write SetColor editor Color

private function GetColor()

return L1.LineColor

end function

private function GetIsoff()

return Rect1.Pattern=1

end function

property Isoff read GetIsoff write SetIsoff editor Bool

private function SetColor(AColor)

Rect1.LineColor = AColor

L1.LineColor = AColor

L2.LineColor = AColor

end function

private function SetIsoff(AIsoff)

if AIsoff

     Rect1.Pattern=1

else

     Rect1.Pattern=0

end if

end function

-->

</programe>

</垂直开关>

从以上例子，你可以看出，其VG图元的精妙之处了吧，

其基本图形类形的划分如下：

"text"(文字)：文字

"shape"(形状)：矩形、椭圆、多边形

"line"(线条)：直线、折线、曲线、自由线、连接点、直线连接线、折线连接线、曲线连接线、平直连接线。

现在以下是图形基本元件之间的无穷级组合的一个示意图如下：

www.visual-graph.com