采用VML技術(shù)繪制DNA圖形

2024-09-05 12:18:45

字體：大中小

供稿：網(wǎng)友

采用VML技術(shù)繪制DNA圖形，佩服吧，這個(gè)只針對IE啊，火狐或其它的瀏覽器都將沒有效果。

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head><meta http-equiv="content-type" content="text/html;charset=gb2312"><title>采用VML技術(shù)繪制DNA圖形</title><meta name="generator" content="Namo WebEditor"><style>v/:*{behavior:url(#default#VML);antialias:true}</style></head><body><v:shape style="POSITION: absolute; WIDTH: 351px; HEIGHT: 194px; TOP: 56px; LEFT: 72px; rotation: 0" id=CBeizer2438 drag="true" PT="56" PL="72" bakStrokecolor="#009" PointN="4" PW="351" PH="194" coordsize = "351,194" filled = "f" fillcolor = "#00c" strokecolor = "#009" strokeweight = "4pt" path = " m0,192 c41,155,72,194,114,190,168,184,151,130,193,107,239,81,265,120,294,104,340,77,316,20,351,0 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 350px; HEIGHT: 181px; TOP:105px; LEFT: 97px; rotation: 0" id=CBeizer15842 drag="true" PT="105" PL="97" bakStrokecolor="#009" PointN="4" PW="350" PH="181" coordsize = "350,181" filled = "f" fillcolor = "#00c" strokecolor = "#009" strokeweight = "4pt" path = " m0,181 c21,171,20,120,70,104,120,88,164,117,197,98,220,84,221,30,249,15,277,0,320,25,350,0 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 22px; HEIGHT: 39px; TOP: 243px; LEFT: 79px" id=CPoly71950 drag="true" PT="243" PL="79" PointN="1"PW="22" PH="39" Typeclass="line" coordsize = "22,39" filled = "t" fillcolor = "white" strokecolor = "red" strokeweight = "4pt" path = " m0,0 l22,39 e"><v:Stroke strokeweight="4"></v:Stroke><v:fill></v:fill></v:shape><v:shape style="POSITION: absolute; WIDTH: 17px; HEIGHT: 31px; TOP: 235px; LEFT: 95px" id=CPoly34047 drag="true" PT="235" PL="95" PointN="1" PW="17" PH="31" Typeclass="line" coordsize = "17,31" filled = "t" fillcolor = "white" strokecolor = "#fc0" strokeweight = "4pt" path = " m0,0 l17,31 e"><v:Strokestrokeweight="4"></v:Stroke><v:fill></v:fill></v:shape><v:shape style="POSITION: absolute; WIDTH: 6px; HEIGHT: 18px; TOP: 233px; LEFT: 114px" id=CPoly91791 drag="true" PT="233" PL="114" PointN="1" PW="6" PH="18" Typeclass="line" coordsize = "6,18" filled = "t" fillcolor = "white" strokecolor = "#3c9" strokeweight = "4pt" path = " m0,0 l6,18 e"><v:Stroke strokeweight="4"></v:Stroke><v:fill></v:fill></v:shape><v:shape style="POSITION: absolute; WIDTH: 2px; HEIGHT: 6px; TOP: 234px; LEFT: 125px" id=CPoly49889 drag="true"PT="234" PL="125" PointN="1" PW="2" PH="6" Typeclass="line" coordsize = "2,6" filled = "f" fillcolor = "white" strokeweight = "4pt" path = " m0,0 l2,6 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 4px; HEIGHT: 10px; TOP: 229px; LEFT: 136px" id=CPoly2066 drag="true" PT="229" PL="136" bakStrokecolor="black" PointN="1" PW="4" PH="10" Typeclass="line" coordsize = "4,10" filled = "t" fillcolor = "white" strokecolor = "#3c9" strokeweight = "4pt" path = " m0,0 l4,10 e"><v:Strokestrokeweight="4"></v:Stroke><v:fill></v:fill></v:shape><v:shape style="POSITION: absolute; WIDTH: 4px; HEIGHT: 23px; TOP: 219px; LEFT: 148px" id=CPoly77825 drag="true" PT="219" PL="148" PointN="1" PW="4" PH="23" Typeclass="line" coordsize = "4,23" filled = "t" fillcolor = "white" strokecolor = "#3c9" strokeweight = "4pt" path = " m0,0 l4,23 e"><v:Stroke strokeweight="4"></v:Stroke><v:fill></v:fill></v:shape><v:shape style="POSITION: absolute; WIDTH: 6px; HEIGHT: 32px; TOP: 212px; LEFT: 162px" id=CPoly30838 drag="true"PT="212" PL="162" PointN="1" PW="6" PH="32" Typeclass="line" coordsize = "6,32" filled = "t" fillcolor = "white" strokecolor = "red" strokeweight = "4pt" path = " m0,0 l6,32 e"><v:Stroke strokeweight="4"></v:Stroke><v:fill></v:fill></v:shape><v:shape style="POSITION: absolute; WIDTH: 8px; HEIGHT: 38px; TOP: 207px; LEFT: 177px" id=CPoly78046 drag="true" PT="207" PL="177" PointN="1" PW="8" PH="38" Typeclass="line" coordsize = "8,38" filled = "t" fillcolor = "white" strokecolor = "#ffacd6" strokeweight = "4pt" path= " m0,0 l8,38 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 9px; HEIGHT: 38px; TOP: 204px; LEFT: 195px" id=CPoly92736 drag="true" PT="204" PL="195" PointN="1" PW="9" PH="38" Typeclass="line" coordsize = "9,38" filled = "t" fillcolor = "white" strokecolor = "red" strokeweight = "4pt" path = " m0,0 l9,38 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 5px; HEIGHT: 21px; TOP: 205px; LEFT: 215px" id=CPoly84306 drag="true"PT="205" PL="215" PointN="1" PW="5" PH="21" Typeclass="line" coordsize = "5,21" filled = "t" fillcolor = "white" strokecolor = "red" strokeweight = "4pt" path = " m0,0 l5,21 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 3px; HEIGHT: 7px; TOP: 206px; LEFT: 227px" id=CPoly34957 drag="true" PT="206" PL="227" PointN="1" PW="3" PH="7" Typeclass="line" coordsize = "3,7" filled = "t" fillcolor = "white" strokecolor = "#3c9" strokeweight = "4pt" path = " m0,0 l3,7 e"><v:Strokestrokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 3px; HEIGHT: 16px; TOP: 192px; LEFT: 239px" id=CPoly84763 drag="true" PT="192" PL="239" PointN="1" PW="3" PH="16" Typeclass="line" coordsize = "3,16" filled = "t" fillcolor = "white" strokecolor = "#3c9" strokeweight = "4pt" path = " m0,0 l3,16 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 9px; HEIGHT: 29px; TOP: 181px; LEFT: 247px" id=CPoly2827 drag="true" PT="181" PL="247" PointN="1"PW="9" PH="29" Typeclass="line" coordsize = "9,29" filled = "t" fillcolor = "white" strokecolor = "#fc0" strokeweight = "4pt" path = " m0,0 l9,29 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 13px; HEIGHT: 41px; TOP: 167px; LEFT: 261px" id=CPoly23655 drag="true" PT="167" PL="261" PointN="1" PW="13" PH="41" Typeclass="line" coordsize = "13,41" filled = "t" fillcolor = "white" strokecolor = "red" strokeweight = "4pt" path = " m0,0 l13,41 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shapestyle="POSITION: absolute; WIDTH: 17px; HEIGHT: 50px; TOP: 158px; LEFT: 272px" id=CPoly14433 drag="true" PT="158" PL="272" PointN="1" PW="17" PH="50" Typeclass="line" coordsize = "17,50" filled = "t" fillcolor = "white" strokecolor = "#fc0" strokeweight = "4pt" path = " m0,0 l17,50 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 12px; HEIGHT: 38px; TOP: 154px; LEFT: 292px" id=CPoly86228 drag="true" PT="154" PL="292" PointN="1" PW="12" PH="38" Typeclass="line" coordsize= "12,38" filled = "t" fillcolor = "white" strokecolor = "#3c9" strokeweight = "4pt" path = " m0,0 l12,38 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 7px; HEIGHT: 16px; TOP: 155px; LEFT: 307px" id=CPoly73063 drag="true" PT="155" PL="307" PointN="1" PW="7" PH="16" Typeclass="line" coordsize = "7,16" filled = "t" fillcolor = "white" strokecolor = "red" strokeweight = "4pt" path = " m0,0 l7,16 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION:absolute; WIDTH: 1px; HEIGHT: 10px; TOP: 149px; LEFT: 324px" id=CPoly27501 drag="true" PT="149" PL="324" PointN="1" PW="1" PH="10" Typeclass="line" coordsize = "1,10" filled = "t" fillcolor = "white" strokecolor = "#ffacd6" strokeweight = "4pt" path = " m0,0 l1,10 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 8px; HEIGHT: 31px; TOP: 133px; LEFT: 334px" id=CPoly21561 drag="true" PT="133" PL="334" PointN="1" PW="8" PH="31" Typeclass="line" coordsize = "8,31" filled= "t" fillcolor = "white" strokecolor = "#fc0" strokeweight = "4pt" path = " m0,0 l8,31 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 13px; HEIGHT: 43px; TOP: 119px; LEFT: 349px" id=CPoly11102 drag="true" PT="119" PL="349" PointN="1" PW="13" PH="43" Typeclass="line" coordsize = "13,43" filled = "t" fillcolor = "white" strokecolor = "red" strokeweight = "4pt" path = " m0,0 l13,43 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute;WIDTH: 13px; HEIGHT: 36px; TOP: 114px; LEFT: 364px" id=CPoly47627 drag="true" PT="114" PL="364" PointN="1" PW="13" PH="36" Typeclass="line" coordsize = "13,36" filled = "t" fillcolor = "white" strokecolor = "#3c9" strokeweight = "4pt" path = " m0,0 l13,36 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 9px; HEIGHT: 19px; TOP: 115px; LEFT: 381px" id=CPoly8714 drag="true" PT="115" PL="381" PointN="1" PW="9" PH="19" Typeclass="line" coordsize = "9,19" filled = "t" fillcolor= "white" strokecolor = "red" strokeweight = "4pt" path = " m0,0 l9,19 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 3px; HEIGHT: 5px; TOP: 116px; LEFT: 393px" id=CPoly97346 drag="true" PT="116" PL="393" PointN="1" PW="3" PH="5" Typeclass="line" coordsize = "3,5" filled = "f" fillcolor = "white" strokeweight = "4pt" path = " m0,0 l3,5 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 8px; HEIGHT: 20px; TOP: 97px; LEFT:402px" id=CPoly93112 drag="true" PT="97" PL="402" PointN="1" PW="8" PH="20" Typeclass="line" coordsize = "8,20" filled = "t" fillcolor = "white" strokecolor = "red" strokeweight = "4pt" path = " m0,0 l8,20 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 21px; HEIGHT: 40px; TOP: 74px; LEFT: 409px" id=CPoly95215 drag="true" PT="74" PL="409" PointN="1" PW="21" PH="40" Typeclass="line" coordsize = "21,40" filled = "t" fillcolor = "white" strokecolor = "#ffacd6" strokeweight= "4pt" path = " m0,0 l21,40 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape><v:shape style="POSITION: absolute; WIDTH: 25px; HEIGHT: 48px; TOP: 58px; LEFT: 421px" id=CPoly75936 drag="true" PT="58" PL="421" PointN="1" PW="25" PH="48" Typeclass="line" coordsize = "25,48" filled = "t" fillcolor = "white" strokecolor = "red" strokeweight = "4pt" path = " m0,0 l25,48 e"><v:Stroke strokeweight="4"></v:Stroke></v:shape></body></html>

上一篇：VML技術(shù)生成一只青蛙

下一篇：HTML5跑動(dòng)的小人