📄 fywvml.htm
字号:
<HTML xmlns:v>
<HEAD>
<META http-equiv="Content-Type" content="text/html; Charset=gb2312">
<META name="GENERATOR" content="网络程序员伴侣(Lshdic)2005">
<META NAME="KEYWORDS" CONTENT="Vml画板(FYMVml)3.0">
<title>Vml画板(FYMVml)3.0</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;cursor:hand}
.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;cursor:hand}
</STYLE>
</HEAD>
<BODY oncontextmenu='if(event.srcElement.tagName!="TEXTAREA")return false' style='margin:0;cursor:default' vlink=#3732CD link='#3732CD' onselectstart='if(event.srcElement.tagName!="TEXTAREA"&&event.srcElement.tagName!="INPUT")return false' onhelp='fywvmlhelp.click();return false' style='border:0'>
<script>
/*
if(screen.width<1024||screen.height<768){
alert('本程序只支持在大于1024*768显示器分辨率的环境下工作，检测您的显示器分辨率低于这个数值，请在[控制面板--显示]中调整分辨率为1024*768或大于这个分辨率，而后在刷新本页，即可使用');
document.body.style.display='none'}
*/
var xx=0,yy=0,moveok=0,onloadstr="<script>\n//本函数为所有使用旋转功能的物件更新视图\nfunction window.onload(){try{for(i=0;i<xuanzhuan.length;i++)xuanzhuan[i].Rotation=xuanzhuan[i].xuanzhuanstr;xuanzhuan.Rotation=xuanzhuan.xuanzhuanstr}catch(e){}};;;/script>"
function window.onerror(){return true}
</script>
<v:Line style='position:absolute;z-index:2000;display:none' id='line1'> <!--直线可视化-->
<v:Stroke dashstyle='shortdash'/>
</v:line>
<v:arc startangle='300' endangle='0' 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;font-size:12px' 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()'><script>var zitistr="<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";document.write(zitistr)</script></select> 有无边框<input type='checkbox' id='wenzibiankuang'> 背景透明<input type='checkbox' id='beijingtouming' checked><br>
颜色:<input type='text' style='border:1 solid black;width:50;height:17;' value='#000000' onmousedown='rndcolor(this.id)' id='wenziyanse' onmousemove='gengxinwenzi.click()'> 背景:<input type='text' style='border:1 solid black;width:50;height:17;' value='#FFFFFF' onmousedown='rndcolor(this.id)' id='wenzibeijing' onmousemove='gengxinwenzi.click()'> 大小:<select style="width:50;" id=wenzidaxiao onchange='gengxinwenzi.click()'><option selected>12<script>var temp101="";for(i=1;i<101;i++){temp101+="<option>"+i;}document.write(temp101)</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:400'><br>
<center><select id='duibi'><option selected>默认对比度<script>document.write(temp101)</script></select><select id='secai'><option selected>默认色彩度<script>temp1="";for(i=0;i<9.9;i+=0.1){temp1+="<option>"+new Number(i).toFixed(1)}document.write(temp1)</script><option>10</select><select id=liangdu><option>默认亮度<script>temp1="";for(i=-0.5;i<0.6;i+=0.1){temp1+="<option>"+new Number(i).toFixed(1)};document.write(temp1)</script></select><input type='checkbox' onclick="duibi.disabled=this.checked;secai.disabled=this.checked;liangdu.disabled=this.checked" id=heibai><label for='heibai'>黑白效果</label><br>
<input type='button' value='插入' class="bon2" onclick="charutupian()"><input type='button' value='取消' class="bon2" onclick="tupian1.style.display='none'">
</span>
<span style='position:absolute;z-index:2000;display:none' id='gaoji1'> <!--改源码改可视化-->
<textarea id='txt2' style='border:1 solid black;width:400;height:150'></textarea><br>
<center><input type='button' value='修改' class="bon2" onclick="gaojiobj.outerHTML=txt2.value;gaojiobj=null;gaoji1.style.display='none'"><input type=button class=bon2 value=取消 onclick='gaoji1.style.display="none"'>
</span>
<span style='position:absolute;z-index:2000;display:none' id='yuandaima'> <!--所有原代码-->
<textarea id='txt3' style='border:1 solid black;width:600;height:400'></textarea><br>
<center><input type='button' value='复制' class="bon2" onclick="window.clipboardData.setData('text',txt3.value);alert('已将数据复制到系统剪切板')"> <input type='button' value='更新修改' class="bon2" onclick="div1.innerHTML=txt3.value;yuandaima.style.display='none'"> <input type='button' value='取消' class="bon2" onclick="yuandaima.style.display='none'">
</span>
<span style='position:absolute;z-index:2000;display:none' id='menu1'> <!--弹出菜单-->
<input type=button class=bon2 value=置前 onclick='zz+=1;thisobj.style.zIndex=zz;menu1.style.display="none"'><br>
<input type=button class=bon2 value=置后 onclick='zz2-=1;thisobj.style.zIndex=zz2;menu1.style.display="none"'><br>
<input type=button class=bon2 value=复制 onclick='div1.innerHTML+=thisobj.outerHTML;alert("复制完成，请使用选移功能拖动");menu1.style.display="none";for(i=0;i<huabi.length;i++)huabi[i].className="bon2";huabi[10].className="bon1";' id=fuzhi><br>
<input type=button class=bon2 value=删除 onclick='thisobj.outerHTML="";menu1.style.display="none"' id=shanchu style='border-bottom:3 solid navy'><br>
<input type=button class=bon2 value=放大 onclick='fangda(thisobj);menu1.style.display="none"' onmousemove='showhelp("放大单个图型对象,对钢笔和记忆点2无效")'><br>
<input type=button class=bon2 value=缩小 onclick='suoxiao(thisobj);menu1.style.display="none"' onmousemove='showhelp("缩小单个图型对象,对钢笔和记忆点2无效")'><br>
<input type=button class=bon2 value=反转 onclick='thisobj.style.filter+="fliph ";menu1.style.display="none"' onmousemove='showhelp("增加Css滤镜的fliph的左右反转效果")'><br>
<input type=button class=bon2 value=颠倒 onclick='thisobj.style.filter+="flipv ";menu1.style.display="none"' onmousemove='showhelp("增加Css滤镜的flipy的上下颠倒效果")' style='border-bottom:3 solid navy'><br>
<input type=button class=bon2 value=取消 onclick='menu1.style.display="none"' style='background-color:gray'>
</span>
<iframe id=web src="about:blank" style="display:none"></iframe> <!--实现保存-->
<table cellspacing=0 cellpadding=0 width=100% height=100%><tr><td>
<div style='width:100%;height:100%;background-color:eeeeee;color:black;cursor:crosshair' id=div1></div>
</td></tr></table>
<TABLE cellspacing=0 cellpadding=0 align=center bgcolor='#619CE7' style='position:absolute;left:expression(document.body.offsetWidth/2-(this.offsetWidth/2));top:1' onmousedown='if(event.srcElement.tagName=="CENTER"&&event.button==1){moveok=1;setCapture();xx=event.x-this.offsetLeft;yy=event.y-this.offsetTop;}' onmousemove="if(moveok==1){this.style.left=event.x-xx;this.style.top=event.y-yy;}" onmouseup='moveok=0;releaseCapture();if(parseInt(this.style.top)<-10){alert("工具栏高度不能低于页面最顶部");this.style.top=1}'>
<tr><Td style='padding:3;border-right:1 solid gray;'><center style='width:100%;height:100%;cursor:move'>画图工具</td><td style='border-left:1 solid white;'><center style='width:100%;height:100%;cursor:move'>图型编辑</center></td></tr>
<Tr>
<td style='border-right:1 solid gray'><button class=bon2 id=huabi onmousemove='showhelp("本功能尚不完善，也许在运行时其X、Y坐标不正确")'>铅笔<button class=bon1 id=huabi onmousemove='showhelp("选择后，按住鼠标左键在画板内移动光标即可")'>直线<button class=bon2 id=huabi onmousemove='showhelp("选择后，以点击鼠标左键的方式决定每条线的路径")'>记忆线<button class=bon2 id=huabi>圆型<button class=bon2 id=huabi>长方型</button><br>
<button class=bon2 id=huabi>圆矩型<button class=bon2 id=huabi onmousemove='showhelp("调整弧度，请使用[改源码]功能修改其startangle、endangle属性或使用旋转更改弧缺即可")'>弧型<button class=bon2 id=huabi onmousemove='showhelp("选择后，在画板内单击鼠标左键即在目标位置插入文字")'>文字<button class=bon2 id=huabi onmousemove='showhelp("支持HTTP协议的网上资源")'>图片</button><button class=bon2 id=huabi onmousemove='showhelp("绘制由FYWVml提供了几种固有图型")'>高级图型</button>
</td>
<td style='border-left:1 solid white;'><button class=bon2 id=huabi onmousemove='showhelp("选择后，左键按住画板内需要移动的图形，而后移动鼠标即可")'>选移<button class=bon2 id=huabi>调大小<button class=bon2 id=huabi onmousemove='showhelp("不支持放大[线条]一类的图型")'>放大<button class=bon2 id=huabi onmousemove='showhelp("不支持缩小[线条]一类的图型")'>缩小<button class=bon2 id=huabi>阴影<button class=bon2 id=huabi onmousemove='showhelp("同样可以在次定义画笔的粗度，甚至去掉边框")'>边框</button><br><button class=bon2 id=huabi onmousemove='showhelp("[线条、图片、文字]不支持填充")'>填充<button class=bon2 id=huabi onmousemove='showhelp("[图片、文字]不支持立体")'>立体<button class=bon2 id=huabi onmousemove='showhelp("可以设置目标透明度、透明效果、是否空心")'>透明度<button class=bon2 id=huabi onmousemove='showhelp("以文字充当目标图型的边框")'>文字化<button class=bon2 id=huabi onmousemove='showhelp("旋转幅度可单独依据鼠标左右、上下移动控制,<b>注意:</b>Rotation旋转效果在运行时必须由脚本控制")'>旋转<button class=bon2 id=huabi onmousemove='showhelp("高级功能，可以查看或直接修改目标图形的VML源代码")'>改源码</button>
</td><tr></table>
<TABLE cellspacing=0 cellpadding=3 align=center bgcolor='#619CE7' style='position:absolute;left:expression(document.body.offsetWidth-this.offsetWidth-20);top:1' onmousedown='if(event.srcElement.tagName=="CENTER"&&event.button==1){moveok=1;setCapture();xx=event.x-this.offsetLeft;yy=event.y-this.offsetTop;}' onmousemove="if(moveok==1){this.style.left=event.x-xx;this.style.top=event.y-yy;}" onmouseup='moveok=0;releaseCapture();if(parseInt(this.style.top)<-10){alert("工具栏高度不能低于页面最顶部");this.style.top=1}'>
<tr><Td><center style='width:100%;height:100%;cursor:move'>画笔基本设置</td></tr><Tr><Td>
笔边粗度 <select style="width:54;" id=bibiancudu><option selected>1<script>temp1="";for(i=2;i<101;i++){temp1+="<option>"+i}document.write(temp1)</script></select><br>
画笔颜色 <input style='border:1 solid black;width:54;height:17;' value='#000000' id=huabiyanse onmousedown='rndcolor(this.id)'><br>
画笔背景 <input style='border:1 solid black;width:54;height:17;' value='#FFFFFF' id=huabibeijing onmousedown='rndcolor(this.id)'><br>
X Y 坐标 <input disabled='true' type='text' value='0,0' id='zuobiao' style='border:1 solid black;width:54;height:17;'><br>
网页背景 <input style='border:1 solid black;width:54;height:17;' value='#EEEEEE' id=wangyebeijing onmousedown='rndcolor(this.id)' onkeyup='div1.style.backgroundColor=this.value;'><br>
图像标题 <input style='border:1 solid black;width:54;height:17;' value='吾之画' id=tuxiangbiaoti>
<span id=huxing1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>弧型基本参数</center><br>
360°起点 <select style="width:54" id='yuanqueqidian' onchange='arc1.startangle=this.options[this.selectedIndex].text'><option selected>300<script>temp1="";for(i=-360;i<370;i+=10){temp1+="<option>"+i}document.write(temp1)</script></select><br>
360°终点 <select style="width:54" id='yuanquezhongdian' onchange='arc1.endangle=this.options[this.selectedIndex].text'><option selected>0<script>temp1="";for(i=-360;i<370;i+=10){temp1+="<option>"+i}document.write(temp1)</script></select>
</span>
<span id=tianchong1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>填充基本参数</center><br>
普通背景 <input style='border:1 solid black;width:54;height:17;' value='' id=tianchongbeijing onmousedown='rndcolor(this.id)'><br>使用渐变背景<input type='checkbox' id='usejianbian'><br>
上下渐变 <input type=radio name='jianbianyangshi' checked><br>
斜向渐变 <input type=radio name='jianbianyangshi'><br>
渐变色一 <input style='border:1 solid black;width:55;height:17;color:red' value='#FF0000' id=jianbianse1 onmousedown='rndcolor(this.id)'><br>
渐变色二 <input style='border:1 solid black;width:55;height:17;' value='#FFFFFF' id=jianbianse2 onmousedown='rndcolor(this.id)'>
</span>
<span id=liti1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>立体基本参数</center><br>
后向伸展 <select style="width:54;" id=houxiangshenzhan><option selected>20<script>temp1="";for(i=0;i<101;i++){temp1+="<option>"+i}document.write(temp1)</script></select><br>
前向伸展 <select style="width:54;" id=qianxiangshenzhan><option selected>0<script>document.write(temp101)</script></select><br>
偏移左边 <select style="width:54;" id=pianyizuobian><option selected>0<script>document.write(temp101)</script></select><br>
偏移上边 <select style="width:54;" id=pianyishangbian><option selected>0<script>document.write(temp101)</script></select><br>
立体颜色 <input style='border:1 solid black;width:54;height:17;' value='' id=litiyanse onmousedown='rndcolor(this.id)'><br>
</span>
<span id=biankuang1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>边框基本参数</center><br>
边框粗度 <select style="width:54;" id=biankuangcudu><script>temp1="";for(i=0;i<101;i++){if(i!=1)temp1+="<option>"+i;else temp1+="<option selected>"+i}document.write(temp1)</script></select><br>
边框样式 <select style="width:54;" id=biankuangyangshi><option selected>none<option>dash<option>dashdot<option>dot<option>longdash<option>longdashdot<option>shortdash<option>shortdashdot<option>shortdashdotdot<option>longdashdotdot<option>shortdot</select><br>
起点尖头 <select style="width:54;" id=qidianjiantou><option selected>none<option>block<option>classic<option>diamond<option>open<option>oval</select><br>
终点尖头 <select style="width:54;" id=zhongdianjiantou><option selected>none<option>block<option>classic<option>diamond<option>open<option>oval</select><br>
边框颜色 <input style='border:1 solid black;width:54;height:17;' value='' id=biankuangyanse onmousedown='rndcolor(this.id)'><br>
</span>
<span id=yinying1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>阴影基本参数</center><br>
左右偏移 <select style="width:54;" id=zuoyoupianyi><script>temp1="";for(i=-50;i<51;i++){if(i!=5)temp1+=("<option>"+i);else temp1+=("<option selected>"+i)}document.write(temp1)</script></select><br>
上下偏移 <select style="width:54;" id=shangxiapianyi><script>temp1="";for(i=-50;i<51;i++){if(i!=5)temp1+=("<option>"+i);else temp1+=("<option selected>"+i)}document.write(temp1)</script></select><br>
阴影颜色 <input style='border:1 solid black;width:54;height:17;' id=yinyingyanse onmousedown='rndcolor(this.id)'><br>
</span>
<span id=touming1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>透明度设置</center><br>
图形透明度<input type='radio' name='bantouming' checked><br>
透明系数 <select style="width:54;" id=toumingxishu><script>temp1="";for(i=0;i<101;i++){if(i!=50)temp1+=("<option>"+i);else temp1+=("<option selected>"+i)}document.write(temp1)</script></select><br>
透明样式 <select style="width:54;" id=toumingyangshi><option value=0>淡化所有<option value=1>左右渐淡<option value=2>圆型渐淡<option value=3>矩型渐淡</select><br>
完全空心化<input type='radio' name='bantouming'>
</span>
<span id=fangdasuoxiao1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>放大与缩小</center><br>
按照规则 <select style="width:54;" id=anzhaoguize><option style='background-color:dddddd'>按照像素<option value='2'>2分之1<script>temp1="";for(i=3;i<11;i++){temp1+=("<option value='"+i+"'>"+i+"分之1");}document.write(temp1)</script></select><br>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -