VML绘图板③资源--VMLgraph.xml - 中国WEB开发者网络 (http://www.webasp.net) -- 技术教程 (http://www.webasp.net/article/) --- VML绘图板③资源--VMLgraph.xml (http://www.webasp.net/article/6/5852.htm) |
| -- 作者：未知 -- 发布日期： 2003-07-26 |
| 资源 *************** * 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:group> </gradient> </root> |
| webasp.net |