模板
教程
環境
性能
功能
管理
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>
原文轉自：http://www.anti-gravitydesign.com
