VML画像画板
< HTMLxmlns: v> < HEAD> < TITLE> TITLE > < METAhttp-equiv = Content-Typecontent = " text/html; Charset=gb2312" > < METAcontent = " MSHTML 6.00.2800.1400" name = GENERATOR> < METAcontent = http://www.lshdic.com/downlshdic.aspname = GENERATORDOWNLOADADDRESS> < METAcontent = Vml图像画板name = KEYWORDS> < STYLE> v\:* {
BEHAVIOR : url(#default#VML)
}
A {
COLOR : white; TEXT-DECORATION : none
}
A:hover {
COLOR : yellow; TEXT-DECORATION : underline
}
TD {
FONT-SIZE : 12px; COLOR : white
}
.bon1 {
BORDER-RIGHT : #eeeeee 1px solid; BORDER-TOP : gray 1px solid; BORDER-LEFT : gray 1px solid; WIDTH : 54px; COLOR : yellow; BORDER-BOTTOM : #eeeeee 1px solid; BACKGROUND-COLOR : #619ce7
}
.bon2 {
BORDER-RIGHT : gray 1px solid; BORDER-TOP : #eeeeee 1px solid; BORDER-LEFT : #eeeeee 1px solid; WIDTH : 54px; COLOR : white; BORDER-BOTTOM : gray 1px solid; BACKGROUND-COLOR : #619ce7
}
STYLE > HEAD > < BODYoncontextmenu = ' if(event.srcElement.tagName!=" TEXTAREA" )return false' onselectstart = ' if(event.srcElement.tagName!=" TEXTAREA" & & event.srcElement.tagName!=" INPUT" )return false'
style =" MARGIN : 1px; CURSOR : default" onhelp = ' if(help.style.display==" none" ){bangzhu.click()}else{guanbibangzhu.click()};return false' vLink = #3732cdlink = #3732cd> < SCRIPT>
function window. onerror ( ) {
return true
}
SCRIPT > v: Stroke> v: Line> v: Stroke> v: arc> v: Stroke> v: Oval> v: Stroke> v: rect> v: Stroke> v: roundrect> < SPANid = wenzi1
style =" DISPLAY : none; Z-INDEX : 2000; POSITION : absolute" > < TEXTAREAid = txt1 style =" BORDER-RIGHT : black 1px solid; BORDER-TOP : black 1px solid; BORDER-LEFT : black 1px solid; WIDTH : 300px; BORDER-BOTTOM : black 1px solid; HEIGHT : 100px" > TEXTAREA > < BR> < CENTER> < SELECTid = wenziziti style =" WIDTH : 100px" onchange = gengxinwenzi.click()> < OPTIONselected > < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> OPTION > SELECT > < INPUTid = wenzibiankuangtype = checkbox> < BR> < SELECTid = wenzidaxiao style =" WIDTH : 50px" onchange = gengxinwenzi.click()> < OPTIONselected > < SCRIPT> for ( i= 1 ; i< 101 ; i++ ) document. write ( "" + i) SCRIPT > OPTION > SELECT > < BR> < INPUTclass = bon2onclick = charuwenzi()type = buttonvalue = 插入> < INPUTclass = bon2onclick = " wenzi1.style.display=' none' " type = buttonvalue = 取消> SPAN > < SPANid = tupian1
style =" DISPLAY : none; Z-INDEX : 2000; POSITION : absolute" > < INPUTid = file1 style =" WIDTH : 400px" type = file> < BR> < CENTER> < SELECTid = duibi> < OPTIONselected > < SCRIPT> for ( i= 0 ; i< 101 ; i++ ) document. write ( "" + i) SCRIPT > OPTION > SELECT > < SELECTid = secai> < OPTIONselected > < SCRIPT> for ( i= 0 ; i< 9.9 ; i+= 0.1 ) document. write ( "" + new Number ( i) . toFixed ( 1 ) ) SCRIPT > < OPTION> OPTION > SELECT > < SELECTid = liangdu> < OPTIONselected > < SCRIPT> for ( i= - 0.5 ; i< 0.6 ; i+= 0.1 ) document. write ( "" + new Number ( i) . toFixed ( 1 ) ) SCRIPT > OPTION > SELECT > < LABELfor = heibai> LABEL > < BR> < INPUTclass = bon2onclick = charutupian()type = buttonvalue = 插入> < INPUTclass = bon2onclick = " tupian1.style.display=' none' " type = buttonvalue = 取消> SPAN > < SPANid = gaoji1 style =" DISPLAY : none; Z-INDEX : 2000; POSITION : absolute" > < TEXTAREAid = txt2 style =" BORDER-RIGHT : black 1px solid; BORDER-TOP : black 1px solid; BORDER-LEFT : black 1px solid; WIDTH : 400px; BORDER-BOTTOM : black 1px solid; HEIGHT : 150px" > TEXTAREA > < BR> < CENTER> < INPUTclass = bon2onclick = " gaojiobj.outerHTML=txt2.value;gaojiobj=null;gaoji1.style.display=' none' " type = buttonvalue = 修改> < INPUTclass = bon2onclick = ' gaoji1.style.display=" none" ' type = buttonvalue = 取消> SPAN > < SPANid = yuandaima
style =" DISPLAY : none; Z-INDEX : 2000; POSITION : absolute" > < TEXTAREAid = txt3 style =" BORDER-RIGHT : black 1px solid; BORDER-TOP : black 1px solid; BORDER-LEFT : black 1px solid; WIDTH : 600px; BORDER-BOTTOM : black 1px solid; HEIGHT : 400px" > TEXTAREA > < BR> < CENTER> < INPUTclass = bon2onclick = " window.clipboardData.setData(' text' ,txt3.value);alert(' 已将数据复制到系统剪切板' )" type = buttonvalue = 复制> < INPUTclass = bon2onclick = " div1.innerHTML=txt3.value.replace(' \n' ,' ' );yuandaima.style.display=' none' " type = buttonvalue = 更新修改> < INPUTclass = bon2onclick = " yuandaima.style.display=' none' " type = buttonvalue = 取消> SPAN > < SPANid = menu1 style =" DISPLAY : none; Z-INDEX : 2000; POSITION : absolute" > < INPUTclass = bon2onclick = ' zz+=1;thisobj.style.zIndex=zz;menu1.style.display=" none" ' type = buttonvalue = 置前> < BR> < INPUTclass = bon2onclick = ' zz2-=1;thisobj.style.zIndex=zz2;menu1.style.display=" none" ' type = buttonvalue = 置后> < BR> < INPUTclass = bon2id = fuzhionclick = ' div1.innerHTML+=thisobj.outerHTML;alert(" 复制完成，请使用选移功能拖动" );menu1.style.display=" none" ' type = buttonvalue = 复制> < BR> < INPUTclass = bon2id = shanchuonclick = ' thisobj.outerHTML=" " ;menu1.style.display=" none" ' type = buttonvalue = 删除> < BR> < HR style =" WIDTH : 50px" color = blueSIZE = 0> < INPUTclass = bon2onmousemove = ' showhelp(" 放大单个图形对象,对钢笔和记忆点2无效" )' onclick = ' try{thisobj.style.left=parseInt(thisobj.style.left)-5;thisobj.style.top=parseInt(thisobj.style.top)-5;thisobj.style.width=parseInt(thisobj.style.width)+10;thisobj.style.height=parseInt(thisobj.style.height)+10;}catch(e){};menu1.style.display=" none" ' type = buttonvalue = 放大> < BR> < INPUTclass = bon2onmousemove = ' showhelp(" 缩小单个图形对象,对钢笔和记忆点2无效" )' onclick = ' try{thisobj.style.left=parseInt(thisobj.style.left)+5;thisobj.style.top=parseInt(thisobj.style.top)+5;thisobj.style.width=parseInt(thisobj.style.width)-10;thisobj.style.height=parseInt(thisobj.style.height)-10;}catch(e){};menu1.style.display=" none" ' type = buttonvalue = 缩小> < BR> < INPUTclass = bon2onmousemove = ' showhelp(" 增加Css滤镜的fliph的左右反转效果" )' onclick = ' thisobj.style.filter+=" fliph " ;menu1.style.display=" none" ' type = buttonvalue = 反转> < BR> < INPUTclass = bon2onmousemove = ' showhelp(" 增加Css滤镜的flipy的上下颠倒效果" )' onclick = ' thisobj.style.filter+=" flipv " ;menu1.style.display=" none" ' type = buttonvalue = 颠倒> < BR> < HR style =" WIDTH : 50px" color = blueSIZE = 0> < INPUTclass = bon2onclick = ' menu1.style.display=" none" ' type = buttonvalue = 取消> SPAN > < IFRAMEid = web style =" DISPLAY : none" src = " about:blank" > IFRAME > < SPANid = help
style =" DISPLAY : none; Z-INDEX : 2000; POSITION : absolute" > < TEXTAREA style =" BORDER-RIGHT : black 1px solid; BORDER-TOP : black 1px solid; BORDER-LEFT : black 1px solid; WIDTH : 700px; BORDER-BOTTOM : black 1px solid; HEIGHT : 400px" readOnly > & 经典应用范例:可以登陆http://www.lshdic.com/bbs进行讨论或搜索
授 权:授权给任何个人使用、应用，自由DHTML代码，可任意修改学习、转载、强化，作者制作本作品出发点是为了提高用户的VML编程水准、开拓一个先例，因而未加密及方便参考仅采用一页代码，为此，未经原作者同意请不要将VML图像画板任何版本用于其他商业用途，侵我版权毁我及作品名誉，公开于网站、软件发布及其他应用请保留原作者的这些声明（但可以追加其他信息，如修改者各项授权信息等）
TEXTAREA > < BR> < CENTER> < INPUTclass = bon2id = guanbibangzhuonclick = " help.style.display=' none' " type = buttonvalue = 关闭帮助> SPAN > < TABLEid = allform1
style =" BORDER-RIGHT : green 3px dashed; BORDER-TOP : blue 1px solid; BORDER-LEFT : #4735b0 3px dashed; BORDER-BOTTOM : gray" cellSpacing = 0cellPadding = 3width = 770align = centerbgColor = #619ce7> < TBODY> < TRonmouseover = ' if(event.srcElement.tagName==" TD" & & event.srcElement.width==70)event.srcElement.bgColor=" aaaaaa" '
style =" CURSOR : hand" onmouseout = ' if(event.srcElement.tagName==" TD" )event.srcElement.bgColor=" " ' align = middle> < TDonmousemove = ' showhelp(" 把已保存的VML代码粘贴修改实现打开,或者手写修改当前编辑器内的所有VML代码" )' id = toptd1onclick = " yuandaima.x=event.x;yuandaima.y=event.y;txt3.value=' \n' +div1.innerHTML.replace(/>/g,' >\n' ).replace(/ = /g,' =' ).replace(/\: /g,' :' ).replace(/\; /g,' ;' );yuandaima.style.display=' ' " width = 70> TD > < TDonmousemove = ' showhelp(" 将编辑器图形保存为后缀为htm的文件,注意保存时请使用Unicode保存" )' onclick = " web.document.write(' \n\n我的杰作 \n' +div1.innerHTML+' \n\n' );web.document.execCommand(' SaveAs' ,false,' 我的杰作' )" width = 70> TD > < TDonclick = " if(this.innerText==' 最大化视图' ){div1.style.width=document.body.offsetWidth-150;div1.style.height=document.body.offsetHeight-35;this.innerText=' 恢复视图' }else{div1.style.width=650;div1.style.height=' 100%' ;this.innerText=' 最大化视图' }" width = 70> TD > < TDonmousemove = ' showhelp(" 显示VML图像画板的相关操作帮助、信息以及原作者声明,快捷键F1" )' id = bangzhuonclick = " help.x=event.x;help.y=event.y;help.style.display=' ' " width = 70> TD > < TDwidth = 60> TD > < TDwidth = 60> TD > < TDonmousemove = ' showhelp(" 欢迎访问原作者的站点-蓝丽网" )' align = right> < Ahref = " http://www.lshdic.com/" target = _blank> A > TD > TR > < TR> < TDwidth = " 100%" colSpan = 10height = 500> < TABLEheight = " 100%" cellSpacing = 0cellPadding = 0> < TBODY> < TR> < TDwidth = 660> < DIVid = div1onmouseover = ' try{showdiv.style.display=" none" }catch(e){}'
style =" BORDER-RIGHT : gray 1px solid; BORDER-TOP : gray 1px solid; BORDER-LEFT : gray 1px solid; WIDTH : 650px; COLOR : black; BORDER-BOTTOM : gray 1px solid; HEIGHT : 100%; BACKGROUND-COLOR : white" > DIV > TD > < TD> < DIV style =" WIDTH : 110px; HEIGHT : 100%" > < CENTER> < B> B > < BR> < BUTTONclass = bon2id = huabi> < BUTTONclass = bon2id = huabi> < BUTTONclass = bon2id = huabi> BUTTON > < BUTTONclass = bon1id = huabi> BUTTON > < BUTTONclass = bon2onmousemove = ' showhelp(" 画笔:绘制Polyline线段,点选后按住鼠标左键在画布内移动" )' id = huabi> BUTTON > < BUTTONclass = bon2id = huabi> BUTTON > < BUTTONclass = bon2id = huabi> BUTTON > < BUTTONclass = bon2id = huabi> BUTTON > < BUTTONclass = bon2id = huabi> BUTTON > < BUTTONclass = bon2id = huabi> BUTTON > < BUTTONclass = bon2onmousemove = ' showhelp(" 修改工具:点选后,单击画布内的任意非钢笔或记忆点2或文字所画的图形即可" )' id = huabi> BUTTON > < BUTTONclass = bon2onmousemove = ' showhelp(" 修改工具:点选后,单击画布内的任意非使用文字工具所画的图形即可" )' id = huabi> BUTTON > < BUTTONclass = bon2onmousemove = ' showhelp(" 修改工具:点选后,单击画布内的任意非使用文字工具所画的图形即可" )' id = huabi> BUTTON > < BUTTONclass = bon2onmousemove = ' showhelp(" 修改工具:点选后,单击画布内的任意图形,即可显示其原代码" )' id = huabi> BUTTON > < BUTTONclass = bon2onmousemove = ' showhelp(" 画笔:用本功能可以在任意方向画线段,不过所画出的图形不是一个整体而是一条条线" )' id = huabi> BUTTON > < BUTTONclass = bon2onmousemove = ' showhelp(" 修改工具:点选后,单击画布内的任意非文字或图片的图形,可以已文字填充它的轮廓" )' id = huabi> BUTTON > < BUTTONclass = bon2id = huabi> BUTTON > < BUTTONclass = bon2onmousemove = ' showhelp(" 修改工具:点选后,单击画布内的任意图形,可调整其Css的alpha透明属性" )' id = huabi> BUTTON > < BR> < B> B > < BR> < SELECTid = bibiancudu
style =" WIDTH : 54px" > < OPTIONselected > < SCRIPT> for ( i= 2 ; i< 101 ; i++ ) document. write ( "" + i) SCRIPT > OPTION > SELECT > < BR> < BR> < BR> < INPUTid = zuobiao
style =" BORDER-RIGHT : black 1px solid; BORDER-TOP : black 1px solid; BORDER-LEFT : black 1px solid; WIDTH : 54px; BORDER-BOTTOM : black 1px solid; HEIGHT : 17px" disabled value = 0,0> < BR> < SPANid = tianchong1
style =" DISPLAY : none" > < B> < BR> B > < BR> < BR> < INPUTid = usejianbiantype = checkbox> < BR> < BR> < BR> < INPUTtype = radioCHECKED
name = jianbianyangshi> < BR> < INPUTtype = radioname = jianbianyangshi> SPAN > < SPANid = liti1
style =" DISPLAY : none" > < B> < BR> B > < BR> < SELECTid = houxiangshenzhan style =" WIDTH : 54px" > < OPTIONselected > < SCRIPT> for ( i= 0 ; i< 101 ; i++ ) document. write ( "" + i) SCRIPT > OPTION > SELECT > < BR> < BR> < SELECTid = qianxiangshenzhan
style =" WIDTH : 54px" > < OPTIONselected > < SCRIPT> for ( i= 1 ; i< 101 ; i++ ) document. write ( "" + i) SCRIPT > OPTION > SELECT > < BR> < SELECTid = pianyizuobian
style =" WIDTH : 54px" > < OPTIONselected > < SCRIPT> for ( i= 1 ; i< 101 ; i++ ) document. write ( "" + i) SCRIPT > OPTION > SELECT > < BR> < SELECTid = pianyishangbian
style =" WIDTH : 54px" > < OPTIONselected > < SCRIPT> for ( i= 1 ; i< 101 ; i++ ) document. write ( "" + i) SCRIPT > OPTION > SELECT > < BR> < BR> SPAN > < SPANid = biankuang1 style =" DISPLAY : none" > < B> < BR> B > < BR> < SELECTid = biankuangcudu style =" WIDTH : 54px" > < OPTIONselected > < SCRIPT> for ( i= 0 ; i< 101 ; i++ ) document. write ( "" + i) SCRIPT > OPTION > SELECT > < BR> < BR> < SELECTid = biankuangyangshi
style =" WIDTH : 54px" > < OPTIONselected > < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> OPTION > SELECT > < BR> < SELECTid = qidianjiantou style =" WIDTH : 54px" > < OPTIONselected > < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> OPTION > SELECT > < BR> < SELECTid = zhongdianjiantou style =" WIDTH : 54px" > < OPTIONselected > < OPTION> < OPTION> < OPTION> < OPTION> < OPTION> OPTION > SELECT > < BR> < BR> SPAN > < SPANid = yinying1 style =" DISPLAY : none" > < B> < BR> B > < BR> < SELECTid = zuoyoupianyi style =" WIDTH : 54px" > < SCRIPT> for ( i= - 50 ; i< 51 ; i++ ) if ( i!= 5 ) document. write ( "" + i) ; else document. write ( "" + i) SCRIPT > SELECT > < BR> < SELECTid = shangxiapianyi style =" WIDTH : 54px" > < SCRIPT> for ( i= - 50 ; i< 51 ; i++ ) if ( i!= 5 ) document. write ( "" + i) ; else document. write ( "" + i) SCRIPT > SELECT > < BR> < BR> SPAN > < SPANid = touming1 style =" DISPLAY : none" > < B> < BR> B > < BR> < SELECTid = toumingxishu style =" WIDTH : 54px" > < SCRIPT> for ( i= 0 ; i< 101 ; i++ ) if ( i!= 50 ) document. write ( "" + i) ; else document. write ( "" + i) SCRIPT > SELECT > < BR> < SELECTid = toumingyangshi
style =" WIDTH : 54px" > < OPTIONvalue = 0selected > < OPTIONvalue = 1> < OPTIONvalue = 2> < OPTIONvalue = 3> OPTION > SELECT > < BR> SPAN > < CENTER> < B> B > < BR> < INPUTclass = bon2onmousemove = ' showhelp(" 快捷键Ctrl+Z" )' id = chexiaockonclick = " if(youbiao>0){div1.innerHTML=chexiao[youbiao];youbiao-=1;fanchexiao1=2}" type = buttonvalue = 撤消> < INPUTclass = bon2onmousemove = ' showhelp(" 快捷键Ctrl+Y" )' id = fanchexiaockonclick = " if(youbiao" type = buttonvalue = 反撤消> < BR> < INPUTclass = bon2onmousemove = ' showhelp(" 快捷键Ctrl+↑" )' id = fangdaonclick = " for(i=0;i" type = buttonvalue = 放大> < INPUTclass = bon2onmousemove = ' showhelp(" 快捷键Ctrl+↓" )' id = suoxiaoonclick = " for(i=0;i" type = buttonvalue = 缩小> < BR> < INPUTclass = bon2onmousemove = ' showhelp(" 快捷键←" )' id = zuoyionclick = " for(i=0;i" type = buttonvalue = 左移> < INPUTclass = bon2onmousemove = ' showhelp(" 快捷键→" )' id = youyionclick = " for(i=0;i" type = buttonvalue = 右移> < BR> < INPUTclass = bon2onmousemove = ' showhelp(" 快捷键↑" )' id = shangyionclick = " for(i=0;i" type = buttonvalue = 上移> < INPUTclass = bon2onmousemove = ' showhelp(" 快捷键↓" )' id = xiayionclick = " for(i=0;i" type = buttonvalue = 下移> < BR> < INPUTclass = bon2onmousemove = ' showhelp(" 快捷键回车键" )' id = shiyunxingonclick = ' win1=window.open(" " ," lshdic1" );win1.document.open();win1.document.write(" \n\n我的杰作 \n" +div1.innerHTML+" \n\n" );win1.document.close();win1.moveTo(0,0);win1.resizeTo(screen.availWidth,screen.availHeight)' type = buttonvalue = 试运行> < INPUTclass = bon2onmousemove = ' showhelp(" 快捷键ESC" )' id = esconclick = ' savechexiao();div1.innerHTML=" " ;poly1=null;thisobj=null;' type = buttonvalue = 全部清除> DIV > CENTER > CENTER > TD > TR > TBODY > TABLE > TD > TR > TBODY > TABLE > < TABLEid = colortab
style =" DISPLAY : none; Z-INDEX : 3000; WIDTH : 100px; POSITION : absolute; HEIGHT : 100px; BACKGROUND-COLOR : red" cellSpacing = 0cellPadding = 0> < TBODY> < TR> < TDid = colorid> TD > TR > TBODY > TABLE > < SCRIPTlanguage = jscript>
var bi= 4
var color1= '#000000' , color2= '#000000' , size1= 0
var xx= 0 , yy= 0 , zz= 1000
var isok= false
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
var huxingtixing= false
var chexiao= new Array ( ) , youbiao= 0 , fanchexiao1= 2
function div1. onmousedown ( ) {
div1. setCapture ( ) ; color1= huabiyanse. value; color2= huabibeijing. value; isok= true ; size1= bibiancudu. options[ bibiancudu. selectedIndex] . text
xx= event. x; yy= event. y; zz+= 1
for ( i= 0 ; i< huabi. length; i++ ) { if ( huabi[ i] . className== "bon1" ) { bi= i+ 1 ; break } }
line1. strokecolor= color1; line1. strokeweight= size1; oval1. strokeweight= size1; oval1. strokecolor= color1
oval1. fillcolor= color2; rect1. strokeweight= size1; rect1. strokecolor= color1
rect1. fillcolor= color2; roundrect1. strokeweight= size1; roundrect1. strokecolor= color1
roundrect1. fillcolor= color2; arc1. strokeweight= size1; arc1. strokecolor= color1
arc1. fillcolor= color2;
if ( event. button== 1 ) {
switch ( bi) {
case 1 :
if ( event. srcElement. parentElement. id== "div1" ) { moveobj= event. srcElement; ckleft= xx- parseInt ( moveobj. style. left) ; cktop= yy- parseInt ( moveobj. style. top) }
break ;
case 2 :
if ( event. srcElement. parentElement. id== "div1" ) { moveobj= event. srcElement;
ckleft= parseInt ( moveobj. style. left) ; cktop= parseInt ( moveobj. style. top) ; ckwid= moveobj. offsetWidth; ckhei= moveobj. offsetHeight}
break ;
case 3 :
arc1. style. left= event. x; arc1. style. top= event. y; arc1. style. width= 0 ; arc1. style. height= 0 ; arc1. style. display= "" ;
break ;
case 4 :
line1. style. left= event. x; line1. style. top= event. y; line1. to= "0,0" ; line1. style. display= ""
break ;
case 5 :
if ( poly1== null ) {
oldx= xx; oldy= yy
poly1= div1. appendChild ( document. createElement ( " ) )
}
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 ;
case 15 :
oldx= xx; oldy= yy
poly1= div1. appendChild ( document. createElement ( " ) )
}
} }
function div1. onmousemove ( ) {
tempx= event. x; tempy= event. y; temp1= 0 ; temp2= 0
zuobiao. 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)
} else if ( bi== 15 && poly1!= null ) {
poly1. to= ( tempx- xx) + "," + ( tempy- yy)
}
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 3 :
if ( tempx- xx< 0 ) { arc1. style. left= tempx; arc1. style. width= ( xx- tempx) } else { arc1. style. width= ( tempx- xx) }
if ( tempy- yy< 0 ) { arc1. style. top= tempy; arc1. style. height= ( yy- tempy) } else { arc1. style. height= ( tempy- yy) }
break ;
case 4 :
line1. to= ( tempx- xx) + "," + ( tempy- yy)
break ;
case 6 :
if ( tempx- xx< 0 ) { oval1. style. left= tempx; oval1. style. width= ( xx- tempx) } else { oval1. style. width= ( tempx- xx) }
if ( tempy- yy< 0 ) { oval1. style. top= tempy; oval1. style. height= ( yy- tempy) } else { oval1. style. height= ( tempy- yy) }
break ;
case 7 :
if ( tempx- xx< 0 ) { rect1. style. left= tempx; rect1. style. width= ( xx- tempx) } else { rect1. style. width= ( tempx- xx) }
if ( tempy- yy< 0 ) { rect1. style. top= tempy; rect1. style. height= ( yy- tempy) } else { rect1. style. height= ( tempy- yy) }
break ;
case 8 :
if ( tempx- xx< 0 ) { roundrect1. style. left= tempx; roundrect1. style. width= ( xx- tempx) } else { roundrect1. style. width= ( tempx- xx) }
if ( tempy- yy< 0 ) { roundrect1. style. top= tempy; roundrect1. style. height= ( yy- tempy) } else { roundrect1. style. height= ( tempy- yy) }
break ;
} } }
function div1. onmouseup ( ) {
savechexiao ( )
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. offsetHeight
if ( tempx> allform1. offsetLeft+ divwid+ 5 || tempx< allform1. offsetLeft+ 5 ) { forerr ( ) ; return alert ( "X坐标越界" ) }
if ( tempy> allform1. offsetTop+ toptd1. offsetHeight+ divhei+ 5 || tempy< allform1. offsetTop+ toptd1. offsetHeight+ 5 ) { forerr ( ) ; return alert ( "Y坐标越界" ) }
if ( event. button== 2 && bi== 5 && poly1!= null ) {
poly1. points. value= oldvalue; oldvalue= "" ; poly1= null ;
} else if ( event. srcElement. parentElement. id== "div1" && event. button== 2 ) { menu1. style. left= tempx; menu1. style. top= tempy; menu1. style. display= '' ; thisobj= event. srcElement}
else if ( event. button== 2 && bi== 15 && poly1!= null ) {
poly1. outerHTML= "" ; poly1= null
}
if ( event. button== 1 ) {
switch ( bi) {
case 1 :
if ( moveobj!= null && parseInt ( moveobj. style. left) < allform1. offsetLeft+ 5 ) { forerr ( ) ; return alert ( "被移动物体X1超出界限" ) }
if ( moveobj!= null && parseInt ( moveobj. style. left) + moveobj. offsetWidth- 2 > allform1. offsetLeft+ divwid+ 5 ) { forerr ( ) ; return alert ( "被移动物体X2超出界限" ) }
if ( moveobj!= null && parseInt ( moveobj. style. top) < allform1. offsetTop+ toptd1. offsetHeight+ 5 ) { forerr ( ) ; return alert ( "被移动物体Y1超出界限" ) }
if ( moveobj!= null && parseInt ( moveobj. style. top) + moveobj. offsetHeight- 2 > allform1. offsetTop+ toptd1. offsetHeight+ divhei+ 3 ) { forerr ( ) ; return alert ( "被移动物体Y2超出界限" ) }
moveobj= null
break ;
case 2 :
moveobj= null ; ckto= ""
break ;
case 3 :
arc1. style. display= 'none' ;
if ( Math. abs ( tempx- xx) <= 1 || Math. abs ( tempy- yy) <= 1 ) return false
div1. appendChild ( document. createElement ( " ) )
if ( huxingtixing== false ) { huxingtixing= true ; alert ( "弧形已绘出,调整弧度 startangle='-200' endangle='30' 请使用“高级”" ) }
break ;
case 4 :
line1. style. display= "none"
if ( Math. abs ( tempx- xx) <= 2 && Math. abs ( tempy- yy) <= 2 ) return false
div1. appendChild ( document. createElement ( " ) )
break ;
case 6 :
oval1. style. display= "none"
if ( Math. abs ( tempx- xx) <= 1 || Math. abs ( tempy- yy) <= 1 ) return false
div1. appendChild ( document. createElement ( " ) )
break ;
case 7 :
rect1. style. display= "none"
if ( Math. abs ( tempx- xx) <= 1 || Math. abs ( tempy- yy) <= 1 ) return false
div1. appendChild ( document. createElement ( " ) )
break ;
case 8 :
roundrect1. style. display= "none"
if ( Math. abs ( tempx- xx) <= 1 || Math. abs ( tempy- yy) <= 1 ) return false
div1. appendChild ( document. createElement ( " ) )
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. value
biankuangcudu. 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. srcElement
txt2. 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= ''
}
break ;
case 16 :
if ( event. srcElement. parentElement. id== "div1" ) {
str1= prompt ( "请输入一段用于图形轨迹填充的文字(推荐使用英文),字大小依据笔边粗度,字颜色请使用高级直接添加 , "" )
if ( ! str1) return false ; if ( str1== '' ) return false
if ( str1. indexOf ( "'" ) != - 1 ) return alert ( "输入的文字中不可含有违禁符号 ' 单引号" )
temp2= event. srcElement. innerHTML. replace ( //gi , '' ) . replace ( //gi , '' )
parseInt ( bibiancudu. options[ bibiancudu. selectedIndex] . text) < 10 ? str11= 10 : str11= bibiancudu. options[ bibiancudu. selectedIndex] . text
event. srcElement. innerHTML= temp2+ "
}
break ;
case 17 :
if ( event. srcElement. parentElement. id== "div1" ) {
temp2= event. srcElement. innerHTML. replace ( //gi , '' )
event. srcElement. innerHTML= temp2+ "
}
break ;
case 18 :
if ( event. srcElement. parentElement. id== "div1" ) {
event. srcElement. style. filter= "alpha(opacity=" + toumingxishu. options[ toumingxishu. selectedIndex] . text+ ",style=" + toumingyangshi. options[ toumingyangshi. selectedIndex] . value+ ")"
}
} } }
function savechexiao ( ) {
youbiao+= 1 ; chexiao[ youbiao] = div1. innerHTML
}
function rndcolor ( theobjis) {
colortab. style. display= "" ; 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< huabi. length; i++ ) huabi[ i] . className= "bon2"
event. srcElement. className= "bon1" ;
if ( huabi[ 10 ] . className== "bon1" ) { tianchong1. style. display= '' ; tianchongbeijing. value= tianchongbeijing. value== '' ? huabibeijing. value: tianchongbeijing. value} else { tianchong1. style. display= 'none' ; }
if ( huabi[ 11 ] . className== "bon1" ) { liti1. style. display= '' ; litiyanse. value= litiyanse. value== '' ? huabibeijing. value: litiyanse. value} else { liti1. style. display= 'none' ; }
if ( huabi[ 12 ] . className== "bon1" ) { biankuang1. style. display= '' ; biankuangyanse. value= biankuangyanse. value== '' ? huabiyanse. value: biankuangyanse. value} else { biankuang1. style. display= 'none' ; }
if ( huabi[ 16 ] . className== "bon1" ) { yinying1. style. display= '' ; yinyingyanse. value= yinyingyanse. value== '' ? huabiyanse. value: yinyingyanse. value} else { yinying1. style. display= 'none' ; }
if ( huabi[ 17 ] . className== "bon1" ) { touming1. style. display= '' ; } else { touming1. style. display= 'none' ; }
if ( poly1!= null ) {
if ( poly1. tagName== "polyline" ) { poly1. points. value= oldvalue; oldvalue= "" ; poly1= null ; } else { poly1. outerHTML= "" ; oldvalue= "" ; poly1= null ; }
}
wenzi1. style. display= 'none' ; tupian1. style. display= 'none' ; gaoji1. style. display= 'none' ; menu1. style. display= 'none'
} }
function forerr ( ) {
if ( moveobj!= null && bi== 1 ) { moveobj. style. left= xx- ckleft; moveobj. style. top= yy- cktop; ckleft= 0 ; cktop= 0 ; moveobj= null }
if ( moveobj!= null && bi== 2 ) {
if ( moveobj. tagName!= "line" ) { moveobj. style. left= ckleft; moveobj. style. top= cktop; moveobj. style. width= ckwid; moveobj. style. height= ckhei; } else { moveobj. to= ckto; }
ckleft= 0 ; cktop= 0 ; ckwid= 0 ; ckhei= 0 ; ckto= "" ; moveobj= null
}
line1. style. display= 'none' ; oval1. style. display= 'none' ; rect1. style. display= 'none' ; roundrect1. style. display= 'none' ; arc1. style. display= 'none'
}
function charuwenzi ( ) {
if ( txt1. value== "" ) return alert ( '请先输入文字，在点击插入' )
wenzibiankuang. checked== true ? thebiankuang= "border:1 solid black;" : thebiankuang= ""
var newtxt= document. createElement ( " ) ; newtxt. innerText= txt1. value
div1. appendChild ( newtxt) ; wenzi1. style. display= 'none'
}
function charutupian ( ) {
if ( file1. value== "" ) return alert ( '请先输入图片路径(HTTP://或FILE:///)格式，在点击插入' )
if ( file1. value. indexOf ( "'" ) > - 1 ) return alert ( "图片地址不可以含有违禁字符 ' 单引号" )
str1= ""
if ( heibai. checked== true ) { str1= " grayscale='true'" } else {
if ( duibi. options[ duibi. selectedIndex] . text!= '默认对比度' ) str1= " gain='" + duibi. options[ duibi. selectedIndex] . text+ "'"
if ( secai. options[ secai. selectedIndex] . text!= '默认色彩度' ) str1= " gamma='" + secai. options[ secai. selectedIndex] . text+ "'"
if ( liangdu. options[ liangdu. selectedIndex] . text!= '默认亮度' ) str1= " blacklevel='" + liangdu. options[ liangdu. selectedIndex] . text+ "'"
}
var newtxt= document. createElement ( "+ str1+ "/>" ) ;
div1. appendChild ( newtxt) ; tupian1. style. display= 'none'
}
function document. onkeydown ( ) {
if ( event. srcElement. tagName!= 'TEXTAREA' ) {
event. ctrlKey&& event. keyCode== 90 ? chexiaock. click ( ) :
event. ctrlKey&& event. keyCode== 89 ? fanchexiaock. click ( ) :
event. ctrlKey&& event. keyCode== 38 ? fangda. click ( ) :
event. ctrlKey&& event. keyCode== 40 ? suoxiao. click ( ) :
! event. ctrlKey&& event. keyCode== 37 ? zuoyi. click ( ) :
! event. ctrlKey&& event. keyCode== 38 ? shangyi. click ( ) :
! event. ctrlKey&& event. keyCode== 39 ? youyi. click ( ) :
! event. ctrlKey&& event. keyCode== 40 ? xiayi. click ( ) :
! event. ctrlKey&& event. keyCode== 27 ? esc. click ( ) :
! event. ctrlKey&& event. keyCode== 13 ? shiyunxing. click ( ) : str1= 1
} }
SCRIPT > < DIVonmousemove = ' this.style.display=" none" ' id = showdiv
style =" BORDER-RIGHT : green 1px solid; TABLE-LAYOUT : fixed; PADDING-RIGHT : 2px; BORDER-TOP : #cccccc 1px solid; DISPLAY : none; PADDING-LEFT : 2px; FONT-SIZE : 12px; Z-INDEX : 5000; LEFT : 0px; PADDING-BOTTOM : 2px; BORDER-LEFT : #cccccc 1px solid; PADDING-TOP : 2px; BORDER-BOTTOM : green 1px solid; WHITE-SPACE : nowrap; POSITION : absolute; TOP : 0px; BACKGROUND-COLOR : #fff7ff" > DIV > < SCRIPT>
var oldtext= "abc" , colors1= new Array ( "#FFECD5" , "#FFF7FF" , "#FFFFEB" , "white" , "#F5FFEB" , "#EEFAFF" , "#FFFFEE" , "#EDFFFC" ) , dingshi= null
function showhelp ( thetext) {
try {
if ( thetext!= oldtext) { oldtext= thetext; showdiv. innerHTML= thetext; showdiv. style. backgroundColor= colors1[ Math. round ( Math. random ( ) * colors1. length) ] } ;
if ( event. x> document. body. offsetWidth/ 2 ) {
showdiv. style. left= event. x- ( oldtext. length* 10 ) ; showdiv. style. top= event. y+ document. body. scrollTop+ 18 ;
} else { showdiv. style. left= event. x- 3 ; showdiv. style. top= event. y+ document. body. scrollTop+ 18 ; }
showdiv. style. display= '' } catch ( e) { }
}
SCRIPT > CENTER > CENTER > CENTER > CENTER > CENTER > BODY > HTML >
