后使用快捷导航没有帐号？
只需一步，快速开始
查看: 3133|回复: 6
请教在网页上画图应该怎么做？
UID102774在线时间 小时积分105帖子离线17097 天注册时间
初级会员, 积分 105, 距离下一级还需 95 积分
想做一个能画图的网页，不知如何下手，请高手指教！
UID58446在线时间 小时积分22627帖子离线17097 天注册时间
&HTML xmlns:v&
&META http-equiv=&Content-Type& content=&text/ Charset=gb2312&&
&META NAME=&KEYWORDS& CONTENT=&Vml图像画板&&
&title&Vml图像画板&/title&
v\:*{behavior:url(#default#VML);}
/*声明V为VML变量*/
a{text-Decoration:color:white}
a:hover{text-Decoration:color:}
td{font-size:12color:white}
.bon1{border-bottom:1border-right:1border-left:1border-top:1background-color:#619CE7;color:width:54}
.bon2{border-bottom:1border-right:1border-left:1border-top:1background-color:#619CE7;color:width:54}
&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:z-index:2000;display:none' id='line1'&
&!--钢笔可视化--&
&v:Stroke dashstyle='shortdash'/&
&v:Oval style='position:z-index:2000;display:none' id='oval1'&
&!--圆形可视化--&
&v:Stroke dashstyle='shortdash'/&
&v:rect style='position:z-index:2000;display:none' id='rect1'&
&!--长方形可视化--&
&v:Stroke dashstyle='shortdash'/&
&v:roundrect style='position:z-index:2000;display:none' id='roundrect1'&
&!--圆锯形可视化--&
&v:Stroke dashstyle='shortdash'/&
&/v:roundrect&
&span style='position:z-index:2000;display:none' id='wenzi1'&
&!--插入文字可视化--&
&textarea id='txt1' style='border:1width:200;height:50'&&/textarea&&br&
¢er&&input type='button' value='插入' class=&bon2& onclick=&charuwenzi()&&
&span style='position:z-index:2000;display:none' id='tupian1'&
&!--插入图片可视化--&
&input type='file' id='file1' style='width:200'&&br&
¢er&&input type='button' value='插入' class=&bon2& onclick=&charutupian()&&
&span style='position:z-index:2000;display:none' id='gaoji1'&
&!--高级改可视化--&
&textarea id='txt2' style='border:1width:400;height:150'&&/textarea&&br&
¢er&&input type='button' value='修改' class=&bon2& onclick=&gaojiobj.outerHTML=txt2.gaojiobj=gaoji1.style.display='none'&&
&span style='position:z-index:2000;display:none' id='yuandaima'&
&!--所有原代码--&
&textarea id='txt3' style='border:1width:600;height:400'&&/textarea&&br&
¢er&&input type='button' value='复制' class=&bon2& onclick=&window.clipboardData.setData('text',txt3.value);alert('已将数据复制到系统剪切板')&& &input type='button' value='更新修改' class=&bon2& onclick=&div1.innerHTML=txt3.yuandaima.style.display='none'&& &input type='button' value='取消' class=&bon2& onclick=&yuandaima.style.display='none'&&
&span style='position:z-index:2000;display:none' id='menu1'&
&!--弹出菜单--&
&input type=button class=bon2 value=置前 onclick='zz+=1;thisobj.style.zIndex=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&'&&br&
&input type=button class=bon2 value=删除 onclick='thisobj.outerHTML=&&;menu1.style.display=&none&'&&br&
&iframe id=web src=&about:blank& style=&display:none&&&/iframe&
&!--实现保存--&
&span style='position:z-index:2000;display:none' id='help'&
&!--帮助信息--&
&textarea readonly='true' style='border:1width:500;height:300'&
VML图像画板.2003（操作帮助及功能简介）
目前最强的网页VML(网页矢量图形标记语言)编辑工具之一，VML学习者的最佳学习工具
能够完成基本的三维网页的设计，做图及图形处理功能一般（原作者今后有时间会去强化）
基本的画笔及图形处理工具在右方，点选后在画板内使用鼠标左键应用
可将画板内VML代码图形保存为文件，亦可通过“修改原代码”实现“打开文件”等功能
文字:该功能暂未提供可视化的修改编辑功能，但代码为HTML相对比较简单
图片:支持FILE:///及HTTP://两种协议类型，矢量化后失真现象很少
记忆点:该功能只有在点击后大于点击时X，Y的坐标，才能看到效果，今后也许原作者会找到好的解决方法
填充:该功能只有“钢笔”所划的线无法使用
边框:该功能的“起点尖头”“终点尖头”只对“钢笔”“记忆点”所画的图形有效
保存为文件:在弹出保存对话框时，在对话框中“语言”下拉菜单中选择“Unicode”保存后能够正常显示
关于打开文件的功能:由于客户端资源及文件编码类型问题，该功能先已“修改原代码”代替，可直接将已保存的VML输入后点击“更新修改”即可虚拟完成已有文件的打开
&/textarea&&br&
¢er&&input type='button' value='关闭帮助' class=&bon2& onclick=&help.style.display='none'&&
&TABLE cellspacing=0 cellpadding=3 width=770 align=center bgcolor='#619CE7' style='border-right:3border-left:3 dashed #4735B0;border-top:1border-bottom:gray' id=allform1&
&tr align=center onmouseover='if(event.srcElement.tagName==&TD&&&event.srcElement.width==70)event.srcElement.bgColor=&aaaaaa&' onmouseout='if(event.srcElement.tagName==&TD&)event.srcElement.bgColor=&&' style='cursor:hand'&&td width=70 id=toptd1 onclick=&yuandaima.x=event.x;yuandaima.y=event.y;txt3.value=div1.innerHTML.replace(/&/g,'&\n').replace(/ = /g,'=').replace(/\: /g,':').replace(/\; /g,';');yuandaima.style.display=''&&
修改原代码&/td&&td width=70 onclick=&web.document.write('&HTML xmlns:v&\n&HEAD&\n&META http-equiv=Content-Type content=text/charset=gb2312&\n&TITLE&我的杰作&/TITLE&\n&META name=Gemeratpr content=蓝丽VML图形编辑器&\n&META name=GemeratprHomePage content=&\n&STYLE&\nv\\:*{behavior:url(#default#VML);}\n&/STYLE&\n&/HEAD&\n&BODY&\n'+div1.innerHTML+'\n&/BODY&\n&/HTML&');web.document.execCommand('SaveAs',false,'我的杰作')&&保存为文件&/td&&td width=70 onclick=&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='最大化视图'}&&最大化视图&/td&&td width=70 onclick=&help.x=event.x;help.y=event.y;help.style.display=''&&操作帮助&/td&&td width=60&&&/td&&td width=60&&&/td&&td align=right&
&/td&&/tr&&tr&
&td width=100% colspan=10 height=500&
&table cellspacing=0 cellpadding=0 height=100%%&&tr&&td width=660&
&div style='width:650;height:100%;background-color:border:1color:' id=div1&&/div&
&div style='width:110;height:100%;'&
¢er&&b&画笔选择&/b&&br&
&button class=bon2 id=huabi&选移&button class=bon2 id=huabi&调大小&button class=bon2 id=huabi&扔出&/button&&button class=bon1 id=huabi&钢笔&/button&&button class=bon2 id=huabi&记忆点&button class=bon2 id=huabi&圆型&button class=bon2 id=huabi&长方型&button class=bon2 id=huabi&圆矩型&button class=bon2 id=huabi&文字&button class=bon2 id=huabi&图片&button class=bon2 id=huabi&填充&button class=bon2 id=huabi&立体&button class=bon2 id=huabi&边框&button class=bon2 id=huabi&高级&/button&&br2&
&b&画笔基本参数&/b&&br&
笔边粗度 &select style=&width:54;& id=bibiancudu&&option selected&1&script&for(i=2;i&101;i++)document.write(&&option&&+i)&/script&&/select&&br&
画笔颜色 &input style='border:1width:54;height:17;' value='#000000' id=huabiyanse onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHrndcolor(this.id)'&&br&
画笔背景 &input style='border:1width:54;height:17;' value='#FFFFFF' id=huabibeijing onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHrndcolor(this.id)'&&br&
X Y 坐标 &input disabled='true' type='text' value='0,0' id='zuobiao' style='border:1width:54;height:17;'&&br&
&span id=tianchong1 style='display:none'&
&b&&&br&填充基本参数&/b&&br&
普通背景 &input style='border:1width:54;height:17;' value='' id=tianchongbeijing onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHrndcolor(this.id)'&&br&使用渐变背景&input type='checkbox' id='usejianbian'&&br&
渐变色一 &input style='border:1width:54;height:17;color:red' value='#FF0000' id=jianbianse1 onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHrndcolor(this.id)'&
&br&渐变色二 &input style='border:1width:54;height:17;' value='#FFFFFF' id=jianbianse2 onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHrndcolor(this.id)'&&br&
上下渐变 &input type=radio name='jianbianyangshi' checked&&br&
斜向渐变 &input type=radio name='jianbianyangshi'&
&span id=liti1 style='display:none'&
&b&&&br&立体基本参数&/b&&br&
后向伸展 &select style=&width:54;& id=houxiangshenzhan&&option selected&20&script&for(i=0;i&101;i++)document.write(&&option&&+i)&/script&&/select&&br&
&br&前向伸展 &select style=&width:54;& id=qianxiangshenzhan&&option selected&0&script&for(i=1;i&101;i++)document.write(&&option&&+i)&/script&&/select&&br&
偏移左边 &select style=&width:54;& id=pianyizuobian&&option selected&0&script&for(i=1;i&101;i++)document.write(&&option&&+i)&/script&&/select&&br&
偏移上边 &select style=&width:54;& id=pianyishangbian&&option selected&0&script&for(i=1;i&101;i++)document.write(&&option&&+i)&/script&&/select&&br&
立体颜色 &input style='border:1width:54;height:17;' value='' id=litiyanse
onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHrndcolor(this.id)'&&br&
&span id=biankuang1 style='display:none'&
&b&&&br&边框基本参数&/b&&br&
边框粗度 &select style=&width:54;& id=biankuangcudu&&option selected&1&script&for(i=0;i&101;i++)document.write(&&option&&+i)&/script&&/select&&br&
&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:1width:54;height:17;' value='' id=biankuangyanse
onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHrndcolor(this.id)'&&br&
&/td&&/tr&&/table&
&/td&&/tr&
&table cellspacing=0 cellpadding=0 style='position:width:100;height:100;display:background-color:red' id='colortab'&&tr&&td id='colorid'&&/td&&/tr&&/table&
&script language='jscript'&
//定义当前使用的画笔工具，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.color2=huabibeijing.isok=size1=bibiancudu.options[bibiancudu.selectedIndex].text
xx=event.x;yy=event.y;zz+=1
for(i=0;i&huabi.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;
if(event.button==1){
switch(bi){
if(event.srcElement.parentElement.id==&div1&){moveobj=event.srcEckleft=xx-parseInt(moveobj.style.left);cktop=yy-parseInt(moveobj.style.top)}
if(event.srcElement.parentElement.id==&div1&){moveobj=event.srcE
ckleft=parseInt(moveobj.style.left);cktop=parseInt(moveobj.style.top);ckwid=moveobj.offsetWckhei=moveobj.offsetHeight}
line1.style.left=event.x;line1.style.top=event.y;line1.to=&0,0&;line1.style.display=&&
if(poly1==null){
oldx=oldy=yy
poly1=div1.appendChild(document.createElement(&&v:polyline points='0 0 0 0' style='position:z-index:&+zz+&;left:&+xx+&;top:&+yy+&;' strokecolor='&+color1+&' strokeweight='&+size1+&' fillcolor='&+color2+&'/&&))
if(oldx-tempx&1&&oldy-tempy&1)oldvalue=poly1.points.value.replace(/,/g,' ')
oval1.style.left=event.x;oval1.style.top=event.y;oval1.style.width=0;oval1.style.height=0;oval1.style.display=&&
rect1.style.left=event.x;rect1.style.top=event.y;rect1.style.width=0;rect1.style.height=0;rect1.style.display=&&
roundrect1.style.left=event.x;roundrect1.style.top=event.y;roundrect1.style.width=0;roundrect1.style.height=0;roundrect1.style.display=&&
wenzi1.style.left=event.x;wenzi1.style.top=event.y;wenzi1.style.display=&&
tupian1.style.left=event.x;tupian1.style.top=event.y;tupian1.style.display=&&
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)
if(event.button==1){
switch(bi){
if(moveobj!=null){moveobj.style.left=tempx-moveobj.style.top=tempy-cktop}
if(moveobj!=null){
if(moveobj.tagName!=&line&){
if(tempx&ckleft){moveobj.style.width=tempx-ckleft}else{moveobj.style.left=moveobj.style.width=ckleft-tempx}
if(tempy&cktop){moveobj.style.height=tempy-cktop}else{moveobj.style.top=moveobj.style.height=cktop-tempy}
}else{moveobj.to=parseInt(tempx-ckleft)+&,&+parseInt(tempy-cktop);if(ckto==&&)ckto=parseInt(tempx-ckleft)+&,&+parseInt(tempy-cktop);}
line1.to=(tempx-xx)+&,&+(tempy-yy)
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)}
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)}
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)}
function div1.onmouseup(){
document.releaseCapture();if(isok==false){forerr();return false};isok=menu1.style.display='none'
tempx=event.x;tempy=event.y;divwid=div1.offsetWdivhei=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=&&;poly1=
}else if(event.srcElement.parentElement.id==&div1&&&event.button==2){menu1.style.left=menu1.style.top=menu1.style.display='';thisobj=event.srcElement}
if(event.button==1){
switch(bi){
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
moveobj=ckto=&&
if(event.srcElement.parentElement.id==&div1&)event.srcElement.outerHTML=&&
div1.appendChild(document.createElement(&&v:line style='position:z-index:&+zz+&;left:&+xx+&;top:&+yy+&;' to='&+(event.x-xx)+&,&+(event.y-yy)+&' strokecolor='&+color1+&' strokeweight='&+size1+&'/&&))
line1.style.display=&none&
div1.appendChild(document.createElement(&&v:oval style='position:z-index:&+zz+&;left:&+oval1.style.left+&;top:&+oval1.style.top+&;width:&+oval1.style.width+&;height:&+oval1.style.height+&;' strokecolor='&+color1+&' strokeweight='&+size1+&' fillcolor='&+color2+&'/&&))
oval1.style.display=&none&
div1.appendChild(document.createElement(&&v:rect style='position:z-index:&+zz+&;left:&+rect1.style.left+&;top:&+rect1.style.top+&;width:&+rect1.style.width+&;height:&+rect1.style.height+&;' strokecolor='&+color1+&' strokeweight='&+size1+&' fillcolor='&+color2+&'/&&))
rect1.style.display=&none&
div1.appendChild(document.createElement(&&v:roundrect style='position:z-index:&+zz+&;left:&+roundrect1.style.left+&;top:&+roundrect1.style.top+&;width:&+roundrect1.style.width+&;height:&+roundrect1.style.height+&;' strokecolor='&+color1+&' strokeweight='&+size1+&' fillcolor='&+color2+&'/&&))
roundrect1.style.display=&none&
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(/&v\:fill .*&\/v:fill&/gi,'')
event.srcElement.innerHTML=temp2+&&v:fill color='&+jianbianse2.value+&' color2='&+jianbianse1.value+&' type='&+temp1+&'/&&
if(event.srcElement.parentElement.id==&div1&){
temp2=event.srcElement.innerHTML.replace(/&v\:extrusion .*&\/v:extrusion&/gi,'')
event.srcElement.innerHTML=temp2+&&v:Extrusion on='t' color='&+litiyanse.value+&' backdepth='&+houxiangshenzhan.options[houxiangshenzhan.selectedIndex].text+&' foredepth='&+qianxiangshenzhan.options[qianxiangshenzhan.selectedIndex].text+&' rotationangle='&+pianyishangbian.options[pianyishangbian.selectedIndex].text+&,&+pianyizuobian.options[pianyizuobian.selectedIndex].text+&'/&&
if(event.srcElement.parentElement.id==&div1&){
temp2=event.srcElement.innerHTML.replace(/&v\:stroke .*&\/v:stroke&/gi,'')
event.srcElement.innerHTML=temp2+&&v:Stroke dashstyle='&+biankuangyangshi.options[biankuangyangshi.selectedIndex].text+&' startarrow='&+qidianjiantou.options[qidianjiantou.selectedIndex].text+&' endarrow='&+zhongdianjiantou.options[zhongdianjiantou.selectedIndex].text+&'/&&
event.srcElement.strokecolor=biankuangyanse.value
biankuangcudu.options[biankuangcudu.selectedIndex].text=='0'?event.srcElement.stroked=false:event.srcElement.strokeweight=biankuangcudu.options[biankuangcudu.selectedIndex].text
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=''
function rndcolor(theobjis){
colortab.style.display=&&;colorid.innerHTML=&&;str1=&&table cellspacing=0 cellpadding=0&&;
for(r=0;r&10;r++){str1+=&&tr&&
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+=&&td style='width:10;height:10;background-color:#&+tempcolor1+&;' onclick=&+theobjis+&.value='#&+tempcolor1+&';&+theobjis+&.style.color='#&+tempcolor1+&';colortab.style.display='none'&&/td&&
}str1+=&&/tr&&}
colorid.innerHTML=str1+&&/table&&
function document.onmouseup(){
if(event.srcElement.tagName==&BUTTON&){
event.srcElement.blur();div1.focus();if(event.srcElement.className==&bon1&||event.button!=1)
for(i=0;i&huabi.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(poly1!=null){
//清除记忆点
poly1.points.value=oldvalue=&&;poly1=
};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-moveobj.style.top=yy-ckleft=0;cktop=0;moveobj=null}
if(moveobj!=null&&bi==2){
if(moveobj.tagName!=&line&){moveobj.style.left=moveobj.style.top=moveobj.style.width=moveobj.style.height=}else{moveobj.to=}
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'
function charuwenzi(){
//插入文字
if(txt1.value==&&)return alert('请先输入文字，在点击插入')
var newtxt=document.createElement(&&span style='position:z-index:&+zz+&;left:&+xx+&;top:&+yy+&;color:&+color1+&;'&&/span&&);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(&图片地址不可以含有违禁字符 ' 单引号&)
var newtxt=document.createElement(&&v:Image style='position:z-index:&+zz+&;left:&+xx+&;top:&+yy+&;width:100;height:100' src='&+file1.value+&'/&&);
div1.appendChild(newtxt);tupian1.style.display='none'
&提示：您可以先修改部分代码再运行
UID102774在线时间 小时积分105帖子离线17097 天注册时间
初级会员, 积分 105, 距离下一级还需 95 积分
相信一定有人会，还请不吝赐教，先谢了！
UID102774在线时间 小时积分105帖子离线17097 天注册时间
初级会员, 积分 105, 距离下一级还需 95 积分
这个代码我找到了，但如何将画图保存到数据库呀？
UID102774在线时间 小时积分105帖子离线17097 天注册时间
初级会员, 积分 105, 距离下一级还需 95 积分
而且将它放在表格里，随表格里的其他东西一起保存该怎么做？
UID58446在线时间 小时积分22627帖子离线17097 天注册时间
没做过保存的调试
之前有个flash画板的，不防搜索下采用
UID102774在线时间 小时积分105帖子离线17097 天注册时间
初级会员, 积分 105, 距离下一级还需 95 积分
那个太慢了，而且拿不到原文件！
Powered by