资源
***************
* VMLgraph.xml
***************
<?xml version="1.0" encoding="GB2312" ?>
<root xmlns:v="urn:schemas-microsoft-com:vml">
<toolbar id="1">
<v:group ID="cut" style="width:24; height:24; cursor:hand" coordsize="30,30" title="裁剪" onClick="select(this)">
<v:rect style="width:30; height:30;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
<v:line from="11,4" to="20,26" />
<v:arc style="left:6; top:12; width:8; height:12;" startangle="180" endangle="400">
<v:fill opacity="0" />
</v:arc>
<v:line from="19,4" to="10,26" />
<v:arc style="left:16; top:12; width:8; height:12;" startangle="0" endangle="180">
<v:fill opacity="0" />
</v:arc>
</v:group>
</toolbar>
<toolbar id="2">
<v:group style="width:24; height:24; cursor:hand" coordsize="30,30" title="正常" onClick="select(this)">
<v:rect style="width:30; height:30;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
<v:shape style="width:30; height:30;" strokecolor="#000000">
<v:path v="m 9,5 l 9,20, 12,16 17,25 19,23 15,15 19,15 x e" />
<v:fill opacity="0" />
</v:shape>
</v:group>
</toolbar>
<toolbar id="3">
<v:group style="width:24; height:24; cursor:hand" coordsize="30,30" title="点、线" onClick="select(this)">
<v:rect style="width:30; height:30;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
<v:line from="8,8" to="22,22"/>
</v:group>
</toolbar>
<toolbar id="5">
<v:group style="width:24; height:24; cursor:hand" coordsize="30,30" title="矩形" onClick="select(this)">
<v:rect style="width:30; height:30;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
<v:rect style="top:4; left:4; width:22; height:22;">
<v:fill opacity="0" />
</v:rect>
</v:group>
</toolbar>
<toolbar id="6">
<v:group style="width:24; height:24; cursor:hand" coordsize="30,30" title="圆角矩形" onClick="select(this)">
<v:rect style="width:30; height:30;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
<v:roundrect style="top:4; left:4; width:22; height:22;" arcsize="0.2">
<v:fill opacity="0" />
</v:roundrect>
</v:group>
</toolbar>
<toolbar id="8">
<v:group style="width:24; height:24; cursor:hand" coordsize="30,30" title="圆、椭圆" onClick="select(this)">
<v:rect style="width:30; height:30;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
<v:oval style="top:4; left:4; width:22; height:22">
<v:fill opacity="0" />
</v:oval>
</v:group>
</toolbar>
<toolbar id="7">
<v:group style="width:24; height:24; cursor:hand" coordsize="30,30" title="多边形" onClick="select(this)">
<v:rect style="width:30; height:30;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
<v:shape style="width:30; height:30;" path="m 14,4 l 4,14 12,24 24,18 15,12 x e">
<v:fill opacity="0" />
</v:shape>
</v:group>
</toolbar>
<toolbar id="9">
<v:group style="width:24; height:24; cursor:hand" coordsize="30,30" title="折线" onClick="select(this)">
<v:rect style="width:30; height:30;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
<v:polyline points="4,18 20,4 8,20 24,10 10,22 22,20">
<v:fill opacity="0" />
</v:polyline>
</v:group>
</toolbar>
<toolbar id="4">
<v:group style="width:24; height:24; cursor:hand" coordsize="30,30" title="曲线" onClick="select(this)">
<v:rect style="width:30; height:30;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
<v:curve from="4,24" control1="8,-10" control2="20,30" to="24,4">
<v:fill opacity="0" />
</v:curve>
</v:group>
</toolbar>
<toolbar id="10">
<v:group style="width:24; height:24; cursor:hand" coordsize="30,30" fillcolor="#ffffff" title="文字" onClick="select(this)">
<v:rect style="width:30; height:30;" strokecolor="#000000" strokeweight="1" />
<v:line from="14,4" to="4,26" />
<v:line from="15,4" to="24,26" />
<v:line from="10,18" to="20,18" />
</v:group>
</toolbar>
<colorbar>
<table cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2">
<v:group style="width:30; height:30;" coordsize="40,40">
<v:rect style="width:40; height:40;" fillcolor="#ccc'" />
<v:rect id="color2" style="left:16; top:16; width:20; height:20;" fillcolor="#ffffff" onMouseDown="setcolorkey=this" title="充填色" />
<v:rect id="color1" style="left:4; top:4; width:20; height:20;" fillcolor="#000000" onMouseDown="setcolorkey=this" title="绘图色" />
</v:group>
</td>
<td>
<v:rect style="width:30; height:15;" fillcolor="#000000" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#808080" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#800000" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#808000" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#008000" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#008080" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#000080" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#800080" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#808040" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#004040" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#0080ff" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#004080" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#4000ff" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#804000" onClick="setcolor(this.fillcolor)" />
</td>
</tr>
<tr>
<td>
<v:rect style="width:30; height:15;" fillcolor="#ffffff" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#c0c0c0" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#ff0000" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#ffff00" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#00ff00" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#00ffff" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#0000ff" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#ff00ff" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#ffff80" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#80ffff" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#80ffff" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#8080ff" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#ff0080" onClick="setcolor(this.fillcolor)" />
<v:rect style="width:30; height:15;" fillcolor="#ff8040" onClick="setcolor(this.fillcolor)" />
</td>
</tr>
</table>
</colorbar>
<linebox>
<v:group style="width:50; height:80" coordsize="50,80" title="线型选择">
<v:rect style="width:50; height:80" />
<v:line from="4,4" to="46,4" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="solid" />
</v:line>
<v:line from="4,10" to="46,10" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="shortdash" />
</v:line>
<v:line from="4,16" to="46,16" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="shortdot" />
</v:line>
<v:line from="4,22" to="46,22" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="shortdashdot" />
</v:line>
<v:line from="4,28" to="46,28" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="shortdashdotdot" />
</v:line>
<v:line from="4,34" to="46,34" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="dash" />
</v:line>
<v:line from="4,40" to="46,40" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="dot" />
</v:line>
<v:line from="4,46" to="46,46" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="dashdot" />
</v:line>
<v:line from="4,52" to="46,52" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="longdash" />
</v:line>
<v:line from="4,58" to="46,58" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="longdashdot" />
</v:line>
<v:line from="4,64" to="46,64" onClick="dashstyle.dashstyle=this.stroke.dashstyle">
<v:stroke dashstyle="longdashdotdot" />
</v:line>
<v:rect style="left:2; top:68; width:46; height:8;" fillcolor="#c0c0c0" strokecolor="#c0c0c0" />
<v:line from="6,72" to="44,72">
<v:stroke id="dashstyle" dashstyle="solid" size="4" />
</v:line>
</v:group>
</linebox>
<gradient>
<v:group style="WIDTH:120;HEIGHT:120" coordsize="120,120" onMouseMove="cursor(1)" onMouseOut="cursor(0)" title="过渡色充填">
<v:rect style="width:120; height:120;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
<v:group style="left:35; top:13; width:50; height:34" coordsize="50,34">
<v:rect style="width:50; height:34" fillcolor="#ffff80" />
<v:rect style="left:6; top:4; width:16; height:20;" fillcolor="#0000FF" />
<v:oval style="left:18; top:4; width:26; height:26;" fillcolor="#00ff00" />
<v:shape style="width:50; height:34" path="m 8,30 l 22,15 36,30 x e" fillcolor="#FF0000" />
</v:group>
<v:rect style="left:10; top:10; width:100; height:40;">
<v:fill id="gradientBar" opacity="50%" type="gradient" color="red" color2="blue" angle="270" colors="30% yellow,70% green" focusposition="50%,50%"/>
</v:rect>
<v:shape id="gradient1" style="left:8; top:50; width:120; height:100;" fillcolor="red" path="m 2,0 l 0,4 0,10 5,10 5,4 x e" onClick="gradientColor(this)" />
<v:shape id="gradient4" style="left:108; top:50; width:120; height:100;" fillcolor="blue" path="m 2,0 l 0,4 0,10 5,10 5,4 x e" onClick="gradientColor(this)" />
<v:shape id="gradient2" style="left:38; top:50; width:120; height:100;" fillcolor="yellow" path="m 2,0 l 0,4 0,10 5,10 5,4 x e" onClick="gradientColor(this)" onMouseMove="gradientPoint(this)" onMouseOut="gradientX=-1" title="色阶1" />
<v:shape id="gradient3" style="left:78; top:50; width:120; height:100;" fillcolor="green" path="m 2,0 l 0,4 0,10 5,10 5,4 x e" onClick="gradientColor(this)" onMouseMove="gradientPoint(this)" onMouseOut="gradientX=-1" title="色阶2" />
<v:line from="10,70" to="110,70" title="焦点1" />
<v:shape id="focus1" style="left:58; top:66; width:120; height:100;" fillcolor="white" path="m 2,0 l 0,4 2,8 4,4 x e" onMouseMove="gradientPoint(this)" onMouseOut="gradientX=-1" title="焦点1" />
<v:line from="10,80" to="110,80" title="焦点2" />
<v:shape id="focus2" style="left:58; top:76; width:120; height:100;" fillcolor="red" path="m 2,0 l 0,4 2,8 4,4 x e" onMouseMove="gradientPoint(this)" onMouseOut="gradientX=-1" title="焦点2" />
<v:line from="10,90" to="110,90" title="旋转角" />
<v:line from="10,90" to="10,95" title="0°" onClick="anglePoint(this)" />
<v:line from="35,90" to="35,95" title="90°" onClick="anglePoint(this)" />
<v:line from="60,90" to="60,95" title="180°" onClick="anglePoint(this)" />
<v:line from="85,90" to="85,95" title="270°" onClick="anglePoint(this)" />
<v:line from="110,90" to="110,95" title="360°" onClick="anglePoint(this)" />
<v:shape id="angle" style="left:83; top:86; width:120; height:100;" fillcolor="white" path="m 2,0 l 0,4 2,8 4,4 x e" onMouseMove="gradientPoint(this)" onMouseOut="gradientX=-1" title="旋转角" />
<v:line from="10,100" to="110,100" title="透明度" />
<v:line from="10,100" to="10,105" title="100%" onClick="opacityPoint(this)" />
<v:line from="60,100" to="60,105" title="50%" onClick="opacityPoint(this)" />
<v:line from="110,100" to="110,105" title="0%" onClick="opacityPoint(this)" />
<v:shape id="opacity" style="left:58; top:96; width:120; height:100;" fillcolor="white" path="m 2,0 l 0,4 2,8 4,4 x e" onMouseMove="gradientPoint(this)" onMouseOut="gradientX=-1" title="透明度" />
</v: