所属类别：CSS/HTML

特别推荐：免费发布信息 承包关键词~~抢爆了！^HOT!

蓝丽网 - Vml图像画板.2003v\:*{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} <!--钢笔可视化--> <!--圆形可视化--> <!--长方形可视化--> <!--圆锯形可视化--> <!--插入文字可视化--> <!--插入图片可视化--> <!--高级改可视化--> <!--所有原代码--> <!--弹出菜单--> <!--实现保存--> <!--帮助信息-->VML图像画板.2003（操作帮助及功能简介）目前最强的网页VML(网页矢量图形标记语言)编辑工具之一，VML学习者的最佳学习工具能够完成基本的三维网页的设计，做图及图形处理功能一般（原作者今后有时间会去强化）基本的画笔及图形处理工具在右方，点选后在画板内使用鼠标左键应用可将画板内VML代码图形保存为文件，亦可通过“修改原代码”实现“打开文件”等功能文字:该功能暂未提供可视化的修改编辑功能，但代码为HTML相对比较简单图片:支持FILE:///及HTTP://两种协议类型，矢量化后失真现象很少记忆点:该功能只有在点击后大于点击时X，Y的坐标，才能看到效果，今后也许原作者会找到好的解决方法填充:该功能只有“钢笔”所划的线无法使用边框:该功能的“起点尖头”“终点尖头”只对“钢笔”“记忆点”所画的图形有效保存为文件:在弹出保存对话框时，在对话框中“语言”下拉菜单中选择“Unicode”保存后能够正常显示关于打开文件的功能:由于客户端资源及文件编码类型问题，该功能先已“修改原代码”代替，可直接将已保存的VML输入后点击“更新修改”即可虚拟完成已有文件的打开VML图像画板.2003（版权信息）原作者:风云舞主 页:http://www.lshdic.com最新版:可登陆主页查看发布于:2003年8月25日授 权:授权给任何个人使用、应用，自由DHTML代码，可任意修改学习、转载、强化，作者制作本作品出发点是为了提高用户的VML编程水准、开拓一个先例，因而未加密及方便参考仅采用一页代码，为此，未经原作者同意请不要将VML图像画板任何版本用于其他商业用途，侵我版权毁我及作品名声，公开于网站、软件发布及其他应用请保留原作者的这些声明（但可以追加其他信息，如修改者各项授权信息等）/g,'>\n').replace(/ = /g,'=').replace(/\: /g,':').replace(/\; /g,';');yuandaima.style.display=''">修改原代码\n\n\n我的杰作\n\n\n\nv\\:*{behavior:url(#default#VML);}\n\n\n\n'+div1.innerHTML+'\n\n');web.document.execCommand('SaveAs',false,'我的杰作')">保存为文件最大化视图操作帮助 原作:风云舞,蓝丽程序员网络:http://www.lshdic.com画笔选择选移调大小扔出钢笔记忆点圆型长方型圆矩型文字图片填充立体边框高级画笔基本参数笔边粗度 1for(i=2;i<101;i++)document.write(""+i)画笔颜色 画笔背景 X Y 坐标 填充基本参数普通背景 使用渐变背景渐变色一 渐变色二 上下渐变 斜向渐变 立体基本参数后向伸展 20for(i=0;i<101;i++)document.write(""+i)前向伸展 0for(i=1;i<101;i++)document.write(""+i)偏移左边 0for(i=1;i<101;i++)document.write(""+i)偏移上边 0for(i=1;i<101;i++)document.write(""+i)立体颜色 边框基本参数边框粗度 1for(i=0;i<101;i++)document.write(""+i)边框样式 nonedashdashdotdotlongdashlongdashdotshortdashshortdashdotshortdashdotdotlongdashdotdotshortdot起点尖头 noneblockclassicdiamondopenoval终点尖头 noneblockclassicdiamondopenoval边框颜色 var bi=4 //定义当前使用的画笔工具，3为铅笔var color1='#000000',color2='#000000',size1=0 //定义缺剩的画笔颜色及画笔填充颜色和笔边粗度var xx=0,yy=0,zz=1000 //定义缺剩的X及Y坐标var isok=false //区分画笔起点是否在DIV内，超出范围则无效var moveobj=null,ckleft=0,cktop=0,ckwid=0,ckhei=0,ckto="" //被移动物件、调整大小物件的引用var poly1=null,oldvalue="",oldx=0,oldy=0 //为了完成记忆点，创建一个可折式线段var gaojiobj=null //为了完成“高级”功能，绑定被修改对象var thisobj=null //为了完成各种基本编辑功能，如“置前”“复制”“删除”等var zz2=1000 //为完成“置后”功能，zz2为负数function div1.onmousedown(){div1.setCapture();color1=huabiyanse.value;color2=huabibeijing.value;isok=true;size1=bibiancudu.options[bibiancudu.selectedIndex].textxx=event.x;yy=event.y;zz+=1for(i=0;i"))}if(oldx-tempx<1&&oldy-tempy<1)oldvalue=poly1.points.value.replace(/,/g,' ')break;case 6: //圆形oval1.style.left=event.x;oval1.style.top=event.y;oval1.style.width=0;oval1.style.height=0;oval1.style.display=""break;case 7: //长方形rect1.style.left=event.x;rect1.style.top=event.y;rect1.style.width=0;rect1.style.height=0;rect1.style.display=""break;case 8: //圆矩形roundrect1.style.left=event.x;roundrect1.style.top=event.y;roundrect1.style.width=0;roundrect1.style.height=0;roundrect1.style.display=""break;case 9: //文字wenzi1.style.left=event.x;wenzi1.style.top=event.y;wenzi1.style.display=""break;case 10: //图片tupian1.style.left=event.x;tupian1.style.top=event.y;tupian1.style.display=""break;}}}function div1.onmousemove(){tempx=event.x;tempy=event.y;temp1=0;temp2=0zuobiao.value=tempx-allform1.offsetLeft-8+","+parseInt(tempy-toptd1.offsetHeight-7)if(bi==5&&poly1!=null){ //记忆点if(oldx-tempx<0&&oldy-tempy<0)poly1.points.value=oldvalue+" "+(tempx-oldx)+" "+(tempy-oldy)}if(event.button==1){switch(bi){case 1: //选移if(moveobj!=null){moveobj.style.left=tempx-ckleft;moveobj.style.top=tempy-cktop}break;case 2: //调大小if(moveobj!=null){if(moveobj.tagName!="line"){if(tempx>ckleft){moveobj.style.width=tempx-ckleft}else{moveobj.style.left=tempx;moveobj.style.width=ckleft-tempx}if(tempy>cktop){moveobj.style.height=tempy-cktop}else{moveobj.style.top=tempy;moveobj.style.height=cktop-tempy}}else{moveobj.to=parseInt(tempx-ckleft)+","+parseInt(tempy-cktop);if(ckto=="")ckto=parseInt(tempx-ckleft)+","+parseInt(tempy-cktop);}}break;case 4: //钢笔line1.to=(tempx-xx)+","+(tempy-yy)break;case 6: //圆形if(tempx-xx<0){oval1.style.left=event.x;oval1.style.width=(xx-tempx)}else{oval1.style.width=(tempx-xx)}if(tempy-yy<0){oval1.style.top=event.y;oval1.style.height=(yy-tempy)}else{oval1.style.height=(tempy-yy)}break;case 7: //长方形if(tempx-xx<0){rect1.style.left=event.x;rect1.style.width=(xx-tempx)}else{rect1.style.width=(tempx-xx)}if(tempy-yy<0){rect1.style.top=event.y;rect1.style.height=(yy-tempy)}else{rect1.style.height=(tempy-yy)}break;case 8: //圆矩形if(tempx-xx<0){roundrect1.style.left=event.x;roundrect1.style.width=(xx-tempx)}else{roundrect1.style.width=(tempx-xx)}if(tempy-yy<0){roundrect1.style.top=event.y;roundrect1.style.height=(yy-tempy)}else{roundrect1.style.height=(tempy-yy)}break;}}}function div1.onmouseup(){document.releaseCapture();if(isok==false){forerr();return false};isok=false;menu1.style.display='none'tempx=event.x;tempy=event.y;divwid=div1.offsetWidth;divhei=div1.offsetHeightif(tempx>allform1.offsetLeft+divwid+5tempxallform1.offsetTop+toptd1.offsetHeight+divhei+5tempyallform1.offsetLeft+divwid+5){forerr();return alert("被移动物体X2超出界限")}if(moveobj!=null&&parseInt(moveobj.style.top)allform1.offsetTop+toptd1.offsetHeight+divhei+3){forerr();return alert("被移动物体Y2超出界限")}moveobj=nullbreak;case 2: //调大小moveobj=null;ckto=""break;case 3: //仍出if(event.srcElement.parentElement.id=="div1")event.srcElement.outerHTML=""break;case 4: //钢笔div1.appendChild(document.createElement(""))line1.style.display="none"break;case 6: //圆形div1.appendChild(document.createElement(""))oval1.style.display="none"break;case 7: //长方形div1.appendChild(document.createElement(""))rect1.style.display="none"break;case 8: //圆矩形div1.appendChild(document.createElement(""))roundrect1.style.display="none"break;case 11: //渐变if(event.srcElement.parentElement.id=="div1"){if(!usejianbian.checked){event.srcElement.fillcolor=tianchongbeijing.value}else{temp1=jianbianyangshi[0].checked?'gradient':'gradientradial'temp2=event.srcElement.innerHTML.replace(//gi,'')event.srcElement.innerHTML=temp2+""}}break;case 12: //立体if(event.srcElement.parentElement.id=="div1"){temp2=event.srcElement.innerHTML.replace(//gi,'')event.srcElement.innerHTML=temp2+""}break;case 13: //边框if(event.srcElement.parentElement.id=="div1"){temp2=event.srcElement.innerHTML.replace(//gi,'')event.srcElement.innerHTML=temp2+""event.srcElement.strokecolor=biankuangyanse.valuebiankuangcudu.options[biankuangcudu.selectedIndex].text=='0'?event.srcElement.stroked=false:event.srcElement.strokeweight=biankuangcudu.options[biankuangcudu.selectedIndex].text}break;case 14: //高级if(event.srcElement.parentElement.id=="div1"){gaojiobj=event.srcElementtxt2.value=event.srcElement.outerHTML.replace(/>/g,">\n").replace(/ = /g,"=").replace(/\: /g,":").replace(/\; /g,";");gaoji1.style.left=event.x;gaoji1.style.top=event.y;gaoji1.style.display=''}}}}function rndcolor(theobjis){colortab.style.display="";colorid.innerHTML="";str1="";for(r=0;r<10;r++){str1+=""for(i=0;i<10;i++){tempcolor1=Math.round(Math.random()*255).toString(16)+Math.round(Math.random()*255).toString(16)+Math.round(Math.random()*255).toString(16);while(tempcolor1.length<6){tempcolor1+=Math.round(Math.random()*9)}str1+=""}str1+=""}colorid.innerHTML=str1+""}function document.onmouseup(){if(event.srcElement.tagName=="BUTTON"){event.srcElement.blur();div1.focus();if(event.srcElement.className=="bon1"event.button!=1)return true;for(i=0;i");newtxt.innerText=txt1.valuediv1.appendChild(newtxt);wenzi1.style.display='none'}function charutupian(){ //插入图片if(file1.value=="")return alert('请先输入图片路径(HTTP://或FILE:///)格式，在点击插入')if(file1.value.indexOf("'")>-1)return alert("图片地址不可以含有违禁字符 ' 单引号")var newtxt=document.createElement("");div1.appendChild(newtxt);tupian1.style.display='none'}

....