怎么編寫超級(jí)絢麗的HTML5的頁面

這篇文章主要講解了“怎么編寫超級(jí)絢麗的HTML 5的頁面”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“怎么編寫超級(jí)絢麗的HTML 5的頁面”吧！

我們提供的服務(wù)有：網(wǎng)站建設(shè)、做網(wǎng)站、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、雁峰ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的雁峰網(wǎng)站制作公司

超級(jí)絢麗的html5的頁面

<!DOCTYPE html> <html xmlns=”http://www.w3.org/1999/xhtml” lang=”en”> <head> <title>超級(jí)絢麗的html5的頁面</title> <script type=”text/javascript”> window.onload = function () {  C = Math.cos;  S = Math.sin;  U = 0;  canvas = document.getElementById(“myCanvas”);  c = canvas.getContext(“2d”);  var W = canvas.width = window.innerWidth;  var H = canvas.height = window.innerHeight;  c.fillRect(0, 0, W, H); // resize <canvas> and draw black rect (default)  c.globalCompositeOperation = “l(fā)ighter”; // switch to additive color application  c.lineWidth = 0.2;//設(shè)置畫筆的大小  c.lineCap = “round”;//設(shè)置圓滑  var bool = 0,  t = 0; // theta  canvas.onmousemove = function (e) {  if(window.T) {  if(D==9) {  D=Math.random()*15; f(1); }  clearTimeout(T);  }  X = e.pageX; // grab mouse pixel coords  Y = e.pageY;  a=0; // previous coord.x  b=0; // previous coord.y  A = X, // original coord.x  B = Y; // original coord.y  R=(e.pageX/W * 999>>0)/999;  r=(e.pageY/H * 999>>0)/999;  U=e.pageX/H * 360 >>0;  D=9;  g = 360 * Math.PI / 180;  T = setInterval(f = function (e) {  c.save();  c.globalCompositeOperation = “source-over”;  if(e!=1) {  c.fillStyle = “rgba(0,0,0,0.02)”;  c.fillRect(0, 0, W, H);  }  c.restore();  i = 25; while(i &ndash;) {  c.beginPath();  if(D > 450 || bool) { // decrease diameter  if(!bool) { // has hit maximum  bool = 1;  }  if(D < 0.1) { // has hit minimum  bool = 0;  }  t -= g; // decrease theta  D -= 0.1; // decrease size  }  if(!bool) {  t += g; // increase theta  D += 0.1; // increase size  }  q = (R / r &ndash; 1) * t;  x = (R &ndash; r) * C(t) + D * C(q) + (A + (X &ndash; A) * (i / 25)) + (r &ndash; R); // center on xy coords  y = (R &ndash; r) * S(t) &ndash; D * S(q) + (B + (Y &ndash; B) * (i / 25));  if (a) {  c.moveTo(a, b);  c.lineTo(x, y)  }  c.strokeStyle = “hsla(” + (U % 360) + “,100%,50%,0.75)”; // draw rainbow hypotrochoid  c.stroke();  a = x; // set previous coord.x  b = y; // set previous coord.y  }  U -= 0.5; // increment hue  A = X; // set original coord.x  B = Y; // set original coord.y  }, 16);  }  document.onkeydown = function(e) { a=b=0; R += 0.05 }  canvas.onmousemove({pageX:300, pageY:290})  }</script> </head> <body style=”margin:0px;padding:0px;width:100%;height:100%;overflow:hidden;”> <canvas id=”myCanvas”></canvas> </body> </html>

怎么編寫超級(jí)絢麗的HTML 5的頁面

感謝各位的閱讀，以上就是“怎么編寫超級(jí)絢麗的HTML 5的頁面”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)怎么編寫超級(jí)絢麗的HTML 5的頁面這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

當(dāng)前文章：怎么編寫超級(jí)絢麗的HTML5的頁面
網(wǎng)頁URL：http://muchs.cn/article4/ghsgie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、全網(wǎng)營(yíng)銷推廣、網(wǎng)站內(nèi)鏈、網(wǎng)頁設(shè)計(jì)公司、外貿(mào)建站、外貿(mào)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容