JavaScript 그래 픽 코드

JavaScript 드로잉IE4=!(navigator.appVersion.charAt(0) < "4" || navigator.appName == "Netscape") var xo=0 var yo=0 var Ox = -1 var Oy = -1 var rad = Math.PI/180 var maxY = 400 var color = "red" function print(str) { document.write(str) } function orgY(y) { return maxY-y } function outPlot(x,y,w,h) { print('') } function Plot(x,y) { outPlot(x,y,1,1) if(Ox>=0 || Oy>=0) { ShowLine(Ox,Oy,x-Ox,y-Oy) } Ox = x Oy = y } function ShowLine(x,y,w,h) { if(w<0) { x += w w = Math.abs(w) } if(h<0) { y += h h = Math.abs(h) } if(w<1) w=1 if(h<1) h=1 outPlot(x,y,Math.round(w),Math.round(h)) } function LineTo(x,y) { Line(xo,yo,x,y) } function sign(n) { if(n>0) return 1 if(n<0) return -1 return n } function Line(x1,y1,x2,y2) { x2 = Math.round(x2) y2 = Math.round(y2) xo = x2 yo = y2 y1 = orgY(y1) y2 = orgY(y2) var str = "" var i=0 var x = x1 var y = y1 dx = Math.abs(x2-x1) dy = Math.abs(y2-y1) s1 = sign(x2-x1) s2 = sign(y2-y1) if(dx==0 || dy==0) { ShowLine(x1,y1,x2-x1,y2-y1) return } if(dx>dy) { temp = dx dx = dy dy = temp key = 1 }else key = 0 e = 2*dy-dx for(i=0;i=0){if(key===1){x+=s1px+=s1px+=s11}}els{y+=s2 py+=s2 py+=s2}e=e 2*dx}if(key===1)y+=s2 elsx+=s2 elsx+=s1e=e++2*dy}}}}}}functionMoveTo(x,y){Ox=Oy=-1 Oy=-1 xo=Math.round(x)yo=Math.round(y)}//원 함수 Cir(x,y,y,y,y,y,y,y){Ox=Oy=Oy=Oy=-1=-To(x+r,y)for(i=0;i<=360;i+=5){LineTo(r*Math.cos(i*rad)+x,r*Math.sin(i*rad)+y)}/원호 형 함수 Arc(x,y,r,a1,a2){MoveTo(r*Math.cos(a1*rad)+x,r*Math.sin(a1*rad)+y)for(i=a1;i<=a2;i++){LineTo(r*Math.cos(i*rad)+x,r*Math.sin(i*rad)+y)}//부채 형 함수 Pei(x,y,r,a1,a2){MoveTo(x,y)for(var i=a1;i<=a2;i++){LineTo(r*Math.cos(i*rad)+x,r*Math.sin(i*rad)+y)}LineTo(x,y)}//팝 업 부채 형 function PopPei(x,y,r,a1,a2){dx=r*Math.cos(((a1+(a2-a1)/2)*rad)/10 D=r*Math.sin(((a1+(a2-a1)/2)/2)*rad)*rad)/10 x+=dx y+=dx y+=dx y+=dx+(x-a1)/2-a1)/2)/2/2/2(x,y)/r*Math.sin(((a= a1;i<=a2;i++){LinTo(r*Math.cos(i*rad)+x,r*Math.sin(i*rad)+y)}LinTo(x,y)}//직사각형 함수 Rect(x,y,w,h){MoveTo(x,y)LinTo(x+w,y)LinTo(x+w,y+h)LinTo(x+w,y+h)LinTo(x,y+h)LinTo(x,y+h)LinTo(x,y)}/준별 함수 zhunxin(x,y){var ox=xovar oy=yo var o Color="\0000"#00"색상 색상 색상="\\#00"#00"색상 색상="#00"#00"#00"#00"++++++색상 색상 색상 색상 Line(x-5,y,x+6,y)Line(x,y-6,x,y+5)print('['+x+','+y+']')color=oColor xo=ox yo=oy}//레이 블 함수 biaozhuStr(x,y,s){return''+s+'' } function biaozhu(x,y,s,t) { var ox = xo var oy = yo var oColor = color point = "p01.gif" if(t==1) { print(biaozhuStr(x-5,y+6,"・"+s)) } if(t==2) { print(biaozhuStr(xo+x*Math.cos(y*rad)-10,yo+x*Math.sin(y*rad),s)}color=oColor xo=ox yo=oy}
JavaScript 드로잉
웹 페이지 에 도형 화 된 자 료 를 제공 해 야 한다 면 보통 그림 으로 만 들 지만 인터넷 비용 이 너무 많이 든다.무슨 방법 이 있 을까요?이 문 제 를 해결 하기 위해 자 바스 크 립 트 함 수 를 제공 합 니 다.간단 하지만 선 그림 을 그 리 는 데 는 충분 합 니 다!
if(IE4){/기본 도형 color="maroon"Cir(50,40,20)Arc(100,40,20,60,60,120)Pei(150,60,40,240,300)Rect(200,20,40,40)/접선 도 color="\#FF 0000"var jd=new Array(203,232,277,223,223,273,234,274,284,276,276,250,267,280)MoveTo(30,jd[0]-40),biaozhu(xo),biaozhu(xo),biaozhu(xo(xo)(xo(xo),tozh(xo(xo),tozh(i=1;)에 대한 yo,jd[0])i m) { m = gc n = i } } var k = s/360 var mm = 0 var a =0 for(i=0;i/p><>>><죄송합니다!브 라 우 저 는 이 페이지 의 일부 기능 을 지원 할 수 없습니다.IE 4.0 이상 버 전의 브 라 우 저 로 바 꾸 십시오!감사합니다!font>")}[Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]

좋은 웹페이지 즐겨찾기