!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN /TR/html4/frameset.dtd  html  head  title html5寫的3D逼真圣誕樹效果 /title  meta charset= utf-8  style html, body { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; }p { margin: 0; padding: 0; border: 0; }.nav {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 27px;  background-color: white;  color: black;  text-align: center;  line-height: 25px; a { color: black; text-decoration: none; border-bottom: 1px dashed black; } a:hover { border-bottom: 1px solid red; } .previous { float: left; margin-left: 10px; } .next { float: right; margin-right: 10px; } .green { color: green; } .red { color: red; } textarea { width: 100%; height: 100%; border: 0; padding: 0; margin: 0; padding-bottom: 20px; } .block-outer { float: left; width: 22%; height: 100%; padding: 5px; border-left: 1px solid black; margin: 30px 3px 3px 3px; } .block-inner { height: 68%; } .one { border: 0; } /style  /head  body marginwidth= 0 marginheight= 0  canvas id= c height= 356 width= 446  script  var collapsed = true; function toggle() { var fs = top.document.getElementsByTagName( frameset )[0]; var f = fs.getElementsByTagName( frame  if (collapsed) { fs.rows = 250px,*  // enable resizing of frames in firefox/opera fs.noResize = false; f[0].noResize = false; f[1].noResize = false; } else { fs.rows = 30px,*  // disable resizing of frames in firefox/opera fs.noResize = true; f[0].noResize = true; f[1].noResize = true; collapsed = !collapsed; /script  script  var b = document.body; var c = document.getElementsByTagName( canvas )[0]; var a = c.getContext( 2d  document.body.clientWidth; // fix bug in chrome. /script  script // start of submission //M=Math;Q=M.random;J=[];U=16;T=M.sin;E=M.sqrt;for(O=k=0;x=z=j=i=k )with(M[k]=k?c.cloneNode(0):c){width=height=k?32:W=446;with(getContext( 2d ))if(k 10|!k)for(font= 60px Impact ,V= rgba( I=i*U,fill >
以上就是分享用HTML5來實現一個3D逼真的圣誕樹的詳細內容，其它編程語言        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。