纯dhtml写的一个在线画图程序,原代码只有一页,最新版或在线演示
http://www.lshdic.com/vmledit.htm
进入上边那个网址测试,然后记的另存一份,部分原代码浏览（太长贴不开）
<html xmlns:v>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<meta name="generator" content="网络程序员伴侣(lshdic)2004">
<meta name="generatordownloadaddress" content="http://www.lshdic.com/downlshdic.asp">
<meta name="keywords" content="vml图像画板">
<title>蓝丽网 - vml图像画板.2003</title>
<style>
v\:*{behavior:url(#default#vml);} /*声明v为vml变量*/
a{text-decoration:none;color:white}
a:hover{text-decoration:underline;color:yellow;}
td{font-size:12px;color:white}
.bon1{border-bottom:1 solid eeeeee;border-right:1 solid eeeeee;border-left:1 solid gray;border-top:1 solid gray;background-color:#619ce7;color:yellow;width:54}
.bon2{border-bottom:1 solid gray;border-right:1 solid gray;border-left:1 solid eeeeee;border-top:1 solid eeeeee;background-color:#619ce7;color:white;width:54}
</style>
</head>
<body oncontextmenu='return false' style='margin:1;cursor:default' vlink=#3732cd link='#3732cd' onselectstart='if(event.srcelement.tagname!="textarea"&&event.srcelement.tagname!="input")return false'>
<v:line style='position:absolute;z-index:2000;display:none' id='line1'> <!--钢笔可视化-->
<v:stroke dashstyle='shortdash'/>
</v:line>
<v:arc startangle='-200' endangle='30' style='position:absolute;z-index:2000;display:none' id='arc1'> <!--弧形可视化-->
<v:stroke dashstyle='shortdash'/>
</v:arc>
<v:oval style='position:absolute;z-index:2000;display:none' id='oval1'> <!--圆形可视化-->
<v:stroke dashstyle='shortdash'/>
</v:oval>
<v:rect style='position:absolute;z-index:2000;display:none' id='rect1'> <!--长方形可视化-->
<v:stroke dashstyle='shortdash'/>
</v:rect>
<v:roundrect style='position:absolute;z-index:2000;display:none' id='roundrect1'> <!--圆锯形可视化-->
<v:stroke dashstyle='shortdash'/>
</v:roundrect>
<span style='position:absolute;z-index:2000;display:none' id='wenzi1'> <!--插入文字可视化-->
<textarea id='txt1' style='border:1 solid black;width:300;height:100'></textarea><br>
<center>字体:<select style="width:100;" id=wenziziti onchange='gengxinwenzi.click()'><option selected>宋体<option>黑体<option>隶书<option>幼圆<option>楷体_gb2312<option>仿宋_gb2312<option>华文中宋<option>华文行楷<option>华文新魏<option>华文细黑<option>华文彩云<option>方正姚体<option>方正舒体<option>wingdings<option>wingdings 2<option>wingdings 3<option>webdings<option>system<option>@宋体<option>@黑体<option>@隶书<option>@幼圆<option>@楷体_gb2312<option>@仿宋_gb2312<option>@华文中宋<option>@华文行楷<option>@华文新魏<option>@华文细黑<option>@华文彩云<option>@方正姚体<option>@方正舒体<option>@system</select>有无边框<input type='checkbox' id='wenzibiankuang'><br>
颜色:<input type='text' style='border:1 solid black;width:50;height:17;' value='#000000' onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetheight;rndcolor(this.id)' id='wenziyanse' onmousemove='gengxinwenzi.click()'>背景:<input type='text' style='border:1 solid black;width:50;height:17;' value='#ffffff' onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetheight;rndcolor(this.id)' id='wenzibeijing' onmousemove='gengxinwenzi.click()'>大小:<select style="width:50;" id=wenzidaxiao onchange='gengxinwenzi.click()'><option selected>12<script>for(i=1;i<101;i++)document.write("<option>"+i)</script></select><br>
<input type='button' value='浏览更新' class="bon2" onclick="txt1.style.color=wenziyanse.value;txt1.style.backgroundcolor=wenzibeijing.value;txt1.style.fontsize=wenzidaxiao.options[wenzidaxiao.selectedindex].text;txt1.style.fontfamily=wenziziti.options[wenziziti.selectedindex].text;" id='gengxinwenzi'><input type='button' value='插入' class="bon2" onclick="charuwenzi()"><input type='button' value='取消' class="bon2" onclick="wenzi1.style.display='none'">
</span>
<span style='position:absolute;z-index:2000;display:none' id='tupian1'> <!--插入图片可视化-->
<input type='file' id='file1' style='width:200'><br>
<center><input type='button' value='插入' class="bon2" onclick="charutupian()">
</span>
<span style='position:absolute;z-index:2000;display:none' id='gaoji1'> <!--高级改可视化-->
