VML绘图板①主控--VMLgraph.htm
主控
***************
* VMLgraph.htm
***************
<html>
<xmlns:v="urn:schemas-microsoft-com:vml" />
<head>
<meta http-equiv="Content-type" content="text/html; charset=gb2312">
<title>VML绘图板</title>
<style>
v\:* { behavior: url(#default#VML); }
td { font-size:9pt; }
</style>
</head>
<script src="VMLgraph.js"></script>
<script src="XMLtool.js"></script>
<script language="JavaScript">
// 钩子函数，当选择了工具时被调用
function hooke() {
}
</script>
<body onLoad="init()">
<table>
<tr>
<td width=61 valign=top>
<span id="toolbox"></span><br>
<span id="linebox"></span><br>
<span id="opacity1"></span><br>
</td>
<td valign=top>
<span id="view" align=left valign=top>
你的浏览器可能不支持VML！请使用IE5+。需要xml3.0支持。<br>
最佳效果出现在IE6。
</span>
</td>
<td valign=top>
<input type=button value="刷新" style="height:16; border:1px solid #C0C0C0;" onClick="view.innerHTML=tree(canvas.documentElement,0)">
<input type=button value="保存" style="height:16; border:1px solid #C0C0C0;" onClick="saveXML()"><br><br>
<span id="gradientBox"></span><br>
<input id="type1" type=button value="渐进" style="width:36; height:16; border:1px solid red;" onClick="settype(this)">
<input id="type2" type=button value="焦点" style="width:36; height:16; border:1px solid black;" onClick="settype(this)">
<input id="type3" type=button value="色阶" style="width:36; height:16; border:1px solid red;" onClick="settype(this)"><br>
<span id="textbox" style="visibility:hidden;">
文本<input type=text name=txt id=txt size=15 style="width:96; height:16; border:1px solid #C0C0C0;"><br>
字体<select style="width:60; height:16; border:1px solid #C0C0C0;">
</select><br>
字号<select style="width:60; height:16; border:1px solid #C0C0C0;">
</select>
</span>
<span id="minview"></span>
</td>
</tr>
<tr>
<td><span id="oxy"></td>
<td id="color" valign="top">
</td>
<td></td>
</tr>
</table>
<xml id="tools" src="VMLgraph.xml" async="false"></xml>
<xml id="canvas">
<root xmlns:v="urn:schemas-microsoft-com:vml">
<v:group id="group" style="WIDTH:500;HEIGHT:300" coordsize="500,300" onMouseMove="cursor(1)" onMouseOut="cursor(0)" onMouseDown="mouse_down()" onMouseUp="mouse_up()">
<v:rect style="width:500; height:300;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
</v:group>
</root>
</xml>
</body>
</html>
***************
* VMLgraph.htm
***************
<html>
<xmlns:v="urn:schemas-microsoft-com:vml" />
<head>
<meta http-equiv="Content-type" content="text/html; charset=gb2312">
<title>VML绘图板</title>
<style>
v\:* { behavior: url(#default#VML); }
td { font-size:9pt; }
</style>
</head>
<script src="VMLgraph.js"></script>
<script src="XMLtool.js"></script>
<script language="JavaScript">
// 钩子函数，当选择了工具时被调用
function hooke() {
}
</script>
<body onLoad="init()">
<table>
<tr>
<td width=61 valign=top>
<span id="toolbox"></span><br>
<span id="linebox"></span><br>
<span id="opacity1"></span><br>
</td>
<td valign=top>
<span id="view" align=left valign=top>
你的浏览器可能不支持VML！请使用IE5+。需要xml3.0支持。<br>
最佳效果出现在IE6。
</span>
</td>
<td valign=top>
<input type=button value="刷新" style="height:16; border:1px solid #C0C0C0;" onClick="view.innerHTML=tree(canvas.documentElement,0)">
<input type=button value="保存" style="height:16; border:1px solid #C0C0C0;" onClick="saveXML()"><br><br>
<span id="gradientBox"></span><br>
<input id="type1" type=button value="渐进" style="width:36; height:16; border:1px solid red;" onClick="settype(this)">
<input id="type2" type=button value="焦点" style="width:36; height:16; border:1px solid black;" onClick="settype(this)">
<input id="type3" type=button value="色阶" style="width:36; height:16; border:1px solid red;" onClick="settype(this)"><br>
<span id="textbox" style="visibility:hidden;">
文本<input type=text name=txt id=txt size=15 style="width:96; height:16; border:1px solid #C0C0C0;"><br>
字体<select style="width:60; height:16; border:1px solid #C0C0C0;">
</select><br>
字号<select style="width:60; height:16; border:1px solid #C0C0C0;">
</select>
</span>
<span id="minview"></span>
</td>
</tr>
<tr>
<td><span id="oxy"></td>
<td id="color" valign="top">
</td>
<td></td>
</tr>
</table>
<xml id="tools" src="VMLgraph.xml" async="false"></xml>
<xml id="canvas">
<root xmlns:v="urn:schemas-microsoft-com:vml">
<v:group id="group" style="WIDTH:500;HEIGHT:300" coordsize="500,300" onMouseMove="cursor(1)" onMouseOut="cursor(0)" onMouseDown="mouse_down()" onMouseUp="mouse_up()">
<v:rect style="width:500; height:300;" fillcolor="#ffffff" strokecolor="#000000" strokeweight="1" />
</v:group>
</root>
</xml>
</body>
</html>
