flashvml3.htm

网页上实现矢量图的最佳工具。网络程序员的必备工具。该文档提供了详细的实现方案和里程

<Option value="fill.color='blue';%%%.fill.type='gradient';%%%.fill.angle-=2">背景右向渐变<Option value="fill.color='blue';%%%.fill.type='gradient';%%%.fill.angle+=2">背景左向渐变<Option nodo=true value="dizhen(%%%,10)">图形地震<Option nodo=true value="windowdizhen(20)">引发窗口地震<Option nodo=true value="clipcool(%%%,1,false,true,false,false)">右裁剪<Option nodo=true value="clipcool(%%%,1,false,false,false,true)">左裁剪<Option nodo=true value="clipcool(%%%,1,true,false,false,false)">上裁剪<Option nodo=true value="clipcool(%%%,1,false,false,true,false)">下裁剪<Option nodo=true value="clipcool(%%%,1,false,true,false,true)">左右裁剪<Option nodo=true value="clipcool(%%%,1,true,false,true,false)">上下裁剪<Option nodo=true value="clipcool(%%%,1,true,false,false,true)">左上裁剪<Option nodo=true value="clipcool(%%%,1,false,false,true,true)">左下裁剪<Option nodo=true value="clipcool(%%%,1,true,true,false,false)">右上裁剪<Option nodo=true value="clipcool(%%%,1,false,true,true,false)">右下裁剪<Option nodo=true value="clipcool(%%%,1,true,true,false,true)">左右上裁剪<Option nodo=true value="clipcool(%%%,1,false,true,true,true)">左右下裁剪<Option nodo=true value="clipcool(%%%,1,true,true,true,true)">四边裁剪<Option nodo=true value="addliti(%%%,true,false,1)">3D向上反转<Option nodo=true value="addliti(%%%,true,false,-1)">3D向下反转<Option nodo=true value="addliti(%%%,false,true,null,1)">3D向左反转<Option nodo=true value="addliti(%%%,false,true,null,-1)">3D向右反转<Option nodo=true value="addliti(%%%,true,true,1,2)">3D向左上反转<Option nodo=true value="addliti(%%%,true,true,-1,-2)">3D向右下反转
</select><input type=button class=bon3 style=width:75 value=增加该效果 onclick='addxiaoguo(jianyichengxu3)'><br>
</div>
<center><input type=button value='修改' class=bon3 onclick="shijianfun();shijianobj=null;shijiantxt.value='';"><input type=button class=bon3 value=取消 onclick='shijiantxt.value="";shijian1.style.display="none"'>
<script>
function addxiaoguo(selectobjname){ 
var tempops=selectobjname.options[selectobjname.selectedIndex];shijiantxt.focus();
if(tempops.nodo!=null)yestexts=tempops.value.replace(/%%%/g,objorthis)+";";else yestexts=(objorthis+"."+tempops.value.replace(/%%%/g,objorthis)+";");
document.selection.createRange().text=yestexts;
}
</script>
</span>

<span class=keshi style="display:none;left:expression(bodyscrollleft+document.body.offsetWidth/2-(this.offsetWidth/2));top:expression(bodyscrolltop+document.body.offsetHeight/2-(this.offsetHeight/2));z-index:30000;display:none" id=yuandaima>   
<textarea id=txt3 style='width:500;height:230'></textarea><br>
<textarea readonly id=txt3_top style='width:500;height:110;color:gray'></textarea><br>
<center><b>共<font id=zishu1 color=red>0</font>字，主要代码<font id=zishu1 color=red>0</font>字，头部附加<font id=zishu1 color=red>0</font>字</b>
<input type=button value='复制全部' class=bon3 onclick="window.clipboardData.setData('text',txt3_top.value+txt3.value+loadendscript.value);alert('已将数据复制到系统剪切板')" style=width:60> <input style=width:60 type=button value='更新修改' class=bon3 onclick="div1.innerHTML=txt3.value.replace(/ onmouse/g,' temp_onmouse').replace(/ onkey/g,' temp_onkey').replace(/ (onclick|ondblclick)/g,' temp_$1');yuandaima.style.display='none';getallid()"> <input style=width:60 type=button value='取消' class=bon3 onclick="yuandaima.style.display='none'"> </span>
<span class=keshi style="display:none;text-align:left;" id=jiaoben>   
&lt;script id=myscript language="javascript"&gt;<br>
<textarea id=jiaobentxt style='width:350;height:200'></textarea><br>
function window.onload(){<br>
<textarea id=jiaoben_load style='width:350;height:80'></textarea><br>
}&lt;/script&gt;<br>
<input type=button value='修改' class=bon3 onclick="wodejiaoben=jiaobentxt.value;onloadjiaobenstr=jiaoben_load.value;jiaoben.style.display='none'"> <input type=button value='取消' class=bon3 onclick="jiaoben.style.display='none'">
</span>
<span style='position:absolute;z-index:40000;display:none' id=menu1>    
<input type=button class=bon3 value=置前 onclick='zz+=1;thisobj.style.zIndex=zz;menu1.style.display="none"'><br>
<input type=button class=bon3 value=置后 onclick='zz2-=1;thisobj.style.zIndex=zz2;menu1.style.display="none"'><br>
<input type=button class=bon3 value=复制 onclick='div1.innerHTML+=thisobj.outerHTML;if(div1.lastChild.id!=""){if(eval(div1.lastChild.id).length==2){nextid++;div1.lastChild.id=open_var+nextid}};if(fuzhitixing==false){alert("复制完成，请使用选移功能拖动");fuzhitixing=true};menu1.style.display="none";huabi[bi].className="bon2";huabixuanyi.className="bon1";div1.style.cursor="hand";getallid()' id=fuzhi><br>
<input type=button class=bon3 value=删除 onclick='thisobj.outerHTML="";menu1.style.display="none";getallid()' id=shanchu style='border-bottom:3 solid maroon'><br>
<input type=button class=bon3 value=反转 onclick='var tempn1=thisobj.tagName.toLowerCase();if(tempn1=="textbox"){alert("Textbox文本无法应用");return false};temp1="";if(thisobj.style.flip!=null){temp1=thisobj.style.flip.replace(" ","").toLowerCase();if(temp1.replace("x","").replace("y","")!=""){thisobj.style.flip="x";menu1.style.display="none";return false}}if(temp1=="xy"){thisobj.style.flip="y"};if(temp1=="x"){thisobj.style.flip=""}else if(temp1=="y"){thisobj.style.flip="x y"}else if(temp1==""){thisobj.style.flip="x"};if(tempn1=="curve"){div1.innerHTML=div1.innerHTML;};menu1.style.display="none"'><br>
<input type=button class=bon3 value=颠倒 onclick='var tempn1=thisobj.tagName.toLowerCase();if(tempn1=="textbox"){alert("Textbox文本无法应用");return false};temp1="";if(thisobj.style.flip!=null){temp1=thisobj.style.flip.replace(" ","").toLowerCase();if(temp1.replace("x","").replace("y","")!=""){thisobj.style.flip="x";menu1.style.display="none";return false}}if(temp1=="xy"){thisobj.style.flip="x"};if(temp1=="y"){thisobj.style.flip=""}else if(temp1=="x"){thisobj.style.flip="x y"}else if(temp1==""){thisobj.style.flip="y"};if(tempn1=="curve"){div1.innerHTML=div1.innerHTML;};menu1.style.display="none"'><br>
<input type=button class=bon3 value=裁剪 onclick='if(thisobj.style.clip!=""){if(confirm("这将取消目标现有的裁剪效果然后才可裁剪，你确定么？"))thisobj.style.clip="rect(0 "+thisobj.offsetWidth+" "+thisobj.offsetHeight+" 0)";else return false}caijian.style.left=thisobj.offsetLeft-caijianjuli;caijian.style.top=thisobj.offsetTop-caijianjuli;caijian.style.width=thisobj.offsetWidth+(caijianjuli*2);caijian.style.height=thisobj.offsetHeight+(caijianjuli*2);caijian.style.display="";menu1.style.display="none"' onmousemove='showhelp("裁剪目标图形的上、右、下、左边缘")' style='border-bottom:3 solid maroon'><br>
<input type=button class=bon3 value=取消 onclick='menu1.style.display="none"' style='color:black;font-weight:bold'>
</span>
<span style='position:absolute;z-index:40000;display:none' id=menu2>    
<input type=button class=bon3 value=网格 onclick='wangge();menu2.style.display="none"'><br>
<input type=button class=bon3 value=矩阵 onclick='juzhen();menu2.style.display="none"'><br>
<input type=button class=bon3 value=分界线 onclick='fenjiexian();menu2.style.display="none"'><br>
<input type=button class=bon3 value=刷新 onclick='div1.innerHTML=div1.innerHTML;menu2.style.display="none"' style='border-bottom:3 solid maroon' onmousemove='showhelp("当设计与运行不符时，请使用刷新。")'><br>
<input type=button class=bon3 value=设置 onclick='fvmlshezhi.click();menu2.style.display="none"'><br>
<input type=button class=bon3 value=取消 onclick='menu2.style.display="none"' style='color:black;font-weight:bold'>
</span>

<script>jiazai("编程、动画设计器")</script>
<TABLE cellspacing=0 cellpadding=0 align=center style='position:absolute;left:3;top:20;z-index:2999' 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=20}if(event.srcElement.tagName=="CENTER"&&event.button==2){this.style.zIndex==2999?this.style.zIndex=6000:this.style.zIndex=2999;}' id=gongjulan3>
<tr><Td style='padding:3;'><center id=cen>编程工具(4) <input type=button class=bon2 value=× style='width:20;height:15' onmousemove='showhelp("关闭不是必要的[编程\\动画]创作工具栏，进行静态绘图作业")' onclick="gongjulan3.style.display='none';xianshigongju.style.display=''"></td></tr>
<Tr><td>
<input type=button class=bon3 value=我的脚本仓库 style=width:105 onmousemove='showhelp("在[我的Script脚本仓库]里，你可以自行编写编程所需的函数、变量<br>以便此后进行事件编程、动画创作时调用")' onclick="jiaoben.style.left=bodyscrollleft+event.x+100;jiaoben.style.top=bodyscrolltop+event.y+30;jiaobentxt.value=wodejiaoben;jiaoben_load.value=onloadjiaobenstr;jiaoben.style.display==''?jiaoben.style.display='none':jiaoben.style.display=''"></td></tr>
<Tr><td><input type=button class=bon3 value=下载LD5 style=width:52 onmousemove='showhelp("下载由作者原创的编程利器《网络程序员伴侣(Lshdic)2005》软件<br>在本地专业的配合FlashVml3.0开发复杂的游戏、动画程序")' onclick="window.open('http://www.google.com/search?hl=zh-CN&q=%E7%BD%91%E7%BB%9C%E7%A8%8B%E5%BA%8F%E5%91%98%E4%BC%B4%E4%BE%A3%28Lshdic%292005&btnG=Google%E6%90%9C%E7%B4%A2&lr=')"><button class=bon2 id=huabi style=width:53 onmousemove='showhelp("查看及修改指定图形用以编程的ID属性")'>定义ID</td></tr>
<Tr><td><label for='yesaddnextid' onmousemove='showhelp("当复选框打勾时，每绘制一个新图形会自动为该图形增加一个顺序ID方便编写程序")' value='绘图时自动添加'>绘图时自动添加</label><input type=checkbox checked id=yesaddnextid></td></tr>
<Tr><td><label for='pingbicuowu' onmousemove='showhelp("当复选框打勾时，会防止你的事件、动画程序在运行出错时弹出错误提示")' value='运行时屏蔽错误'>运行时屏蔽错误</label><input type=checkbox checked id=pingbicuowu></td></tr>
<tr><Td style='padding:3;'><center id=cen>事件编程(5)</td></tr>
<Tr><td><select style=width:70 id=selectshijian onchange='for(i=0;i<huabi.length;i++)if(huabi[i].className!="bon2")huabi[i].className="bon2";huabishijian.className="bon1";div1.style.cursor="hand";'>
<option value=click>左键单击时
<option value=dblclick>双击左键时
<option value=mousedown>鼠标按下时
<option value=mouseup>鼠标弹起时
<option value=mouseover>鼠标靠近时
<option value=mouseout>鼠标离开时
<option value=mousemove>鼠标移动时</select><button name=huabishijian class=bon2 id=huabi style=width:35 onmousemove='showhelp("选择一个事件后，左键单进画布内的图形进行该事件所触发的程序编写")'>增加</td></tr>
<tr><Td style='padding:3;'><center id=cen>动画创作(6)</td></tr>
<Tr><td><select id=allid onmouseover='getallid()' onchange='objorthis=this.options[this.selectedIndex].text;biaoshifun(objorthis);' onmouseup="if(event.button==2&&this.options.length!=1){if(confirm('你想把画板内图形的所有ID标识清除？')){for(i=this.options.length;i>1;i--){eval(this.options[i-1].text).id='';this.remove(i);}}}" style=width:105 size=5><option selected>可用的对象ID</select></td></tr>
<Tr><td><select id=miaozhong style=width:52><option>秒钟<script>tempstr1="";for(i=1;i<301;i++){tempstr1+=("<option>"+i);}document.write(tempstr1)</script></select><select id=pianchang style=width:52 onchange="miaoselchange(this.options[this.selectedIndex].value)"><option>片长<script>tempstr1="";for(i=5;i<65;i+=5){tempstr1+=("<option value="+i+">"+i+"分");}document.write(tempstr1)</script></select></td></tr>
<script>
function miaoselchange(changdulen){ 
if(changdulen=="")return false
shijian1.style.display="none";
changdulen=parseInt(changdulen)
var opstemp1=""
for(i=1;i<60*changdulen+1;i++){
opstemp1+=("<option>"+i)
}
miaozhong.outerHTML="<select id=miaozhong style=width:52><option>秒钟"+opstemp1+"</select>";
for(i=0;i<miaoarray.length;i++){
if(miaoarray[i]!=null){try{miaozhong.options[i].style.backgroundColor="yellow"}catch(e){}}
}
pianchang.options[0].selected=true
}
</script>
<Tr><td align=center><label for=xunhuan1>结束时循环播放</label><input type=checkbox checked id=xunhuan1></td></tr>
<Tr><td><input type=button class=bon3 value=编辑侦动画程序 onmousemove='showhelp("编写侦式动画程序")' onclick="if(miaozhong.selectedIndex==0){alert('编辑动画程序前,必须指定一个[秒钟]');return false}if(allid.selectedIndex==0){alert('编辑动画程序前,必须指定一个[可用的对象ID],可以使用[定义ID标识]功能定义');return false};whodonghua=true;donghuachengxu(allid.options[allid.selectedIndex].text)" style=width:105></td></tr>
<tr><Td style='padding:3;'><center id=cen>流线动画创作(7)</td></tr>
<Tr><td><select id=dianchi1 style=width:105 onchange='dianchi=this.selectedIndex;shijian1.style.display="none";dianchitime1[dianchi]==null?qishimiao.value="":qishimiao.value=dianchitime1[dianchi];dianchitime2[dianchi]==null?haomiaobuchang.value="":haomiaobuchang.value=dianchitime2[dianchi];dianchitime3[dianchi]==null?jieshumiaozhong.value="":jieshumiaozhong.value=dianchitime3[dianchi];'><script>tempstr1="";for(i=1;i<200;i++){tempstr1+=("<option value="+i+">动画蓄电池"+i);}document.write(tempstr1)</script></select></td></tr>
<tr><Td>起始秒钟<input style='border:1 solid black;width:54;height:17;' value=1 id=qishimiao onmousemove='showhelp("支持小数点数字,最小值0.1")'></td></tr>
<tr><Td>毫秒步长<input style='border:1 solid black;width:54;height:17;' value=20 id=haomiaobuchang onmousemove='showhelp("最小值建议为10毫秒速度最快")'></td></tr>
<tr><Td>结束秒钟<input style='border:1 solid black;width:54;height:17;' value=5 id=jieshumiaozhong onmousemove='showhelp("支持小数点数字,最小值0.3")'></td></tr>
<Tr><td><input type=button class=bon3 value=编辑流线动画程序 onmousemove='showhelp("编辑存储于["+dianchi1.options[dianchi1.selectedIndex].text+"]的流线动画程序")' onclick="if(allid.selectedIndex==0){alert('编辑动画程序前,必须指定一个[可用的对象ID],可以使用[定义ID标识]功能定义');return false};str1=qishimiao.value;str2=haomiaobuchang.value;str3=jieshumiaozhong.value;if(str1==''||str2==''||str3==''){alert('起始秒种、毫秒步长、结束秒钟，这些数据必须填写');return false};if(isNaN(str1)||isNaN(str2)||isNaN(str3)){alert('起始秒种、毫秒步长、结束秒钟，这些数据格式必须是数字');return false};if(str1<0.1||str2<1||str3<0.3){alert('起始秒种、毫秒步长、结束秒钟，这些数据不能存在负数，并不能小于其最小限度值');return false};if(parseInt(str1)>parseInt(str3)){alert('起始与结束的概念，被你弄返了');return false};if(str2/1000>=str3-str1){alert('毫秒步长不能大于[结束秒种-起始秒钟]的值');return false};whodonghua=false;donghuachengxu(allid.options[allid.selectedIndex].text)" style=width:105></td></tr>
</td></tr></table>

<script>jiazai("图形画笔、图形处理设计器")</script>
<TABLE cellspacing=0 cellpadding=0 align=center style='position:absolute;left:150;top:1;z-index:3000' 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}if(event.srcElement.tagName=="CENTER"&&event.button==2){this.style.zIndex==3000?this.style.zIndex=6000:this.style.zIndex=3000;}' id=gongjulan1>
<tr><Td style='padding:3;border-right:1 solid gray;'><center id=cen>画笔选择(1) <font onclick="gongjulan3.style.display='';this.style.display='none';" class=zhongyao style="display:none;" id=xianshigongju onmouseover='this.style.color="blue"' onmouseout='this.style.color="red"' onmousemove='showhelp("当您已熟悉FlashVml3.0的静态绘图功能时<br>可以进一步领略FlashVml3.0对程序、动画的设计功能")' value='显示编程\动画工具栏'>显示编程\动画工具栏</font></td><td style='padding:3;border-left:1 solid white;'><center id=cen>图形处理(3) <font onclick="alert('如何下载FlashVml(闪耀之星)3.0:\n\nFlashVml(闪耀之星)简称FVML、当前版本3.0\n如何下载fvml3在本地直接使用？\n你只需将本页另存(文件名.htm)至你的本地硬盘即可(但是不包括演示与帮助文件)\n如想下载完整的fvml3(包括演示与帮助文件)，请登陆skycn.com或google搜索关键字flashvml\n\nFlashVml3.0核心程序简介:\n\n源码构成:Js+Dhtml+(HTML+Css+Vml)、一页源码、另存即用\n授权使用:共享/免费/源码公开\n\nFlashVml3.0常见疑问:\n\nPS:如何保存画板内所绘图像为图像文件(jpg/gif)？\nRE:用截图软件\nPS:是否能将作品源码上传？\nRE:如有固定服务器，作者将制作提供该服务，否则不能\nPS:制做VML动画是不是要会HTML/CSS/VML/JS/DHTML编程？\nRE:一点不会可以用fvml提供的动画效果，创意、编程水准是左右VML深度开发应用的关键\nPS:我已经将源码保存为文件了，怎样在次打开编辑？\nRE:网页上程序操纵你的电脑文件你放心？可使用[查看及修改源码]替代打开文件功能\nPS:画布有必要弄那么大么？还要上、下滚动条？\nRE:画布大是有必要的，如果用fvml设计的是一个800*600或更高的3D网页，那小了就行了？\nPS:我看fvml的界面不喜欢很难看，那么多的按钮眼都花了不知什么用\nRE:作者只是个程序员不是画师，个人设计理念、最大能力是实现{\n   功能一流、操作一流、程序效率近一流、界面朴素/符合逻辑/符合多数人的审美观\n   入门容易、传播容易、充满动感、较多帮助提示、较少非人为漏洞\n   }\nPS:fvml只能在线互联网上用？\nRE:当然不是，你完全可以将fvml做为应用软件般在你电脑当作桌面常用软件使用\nPS:我发现fvml有好多错别字~\nRE:呵呵，程序没错字却错了，而不屑检查，这是很多程序员的通病，请联系作者。')" class=zhongyao onmouseover='this.style.color="blue"' onmouseout='this.style.color="red"'>下载FlashVml3.0</font> <font onclick="helplai()" class=zhongyao onmouseover='this.style.color="blue"' onmouseout='this.style.color="red"'>演示与帮助(F1)</font></td></tr>
<Tr>
<td styl