萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 超級絢麗的html5的頁面代碼

超級絢麗的html5的頁面代碼

 

XML/HTML Code復制內容到剪貼板
  1.  <!DOCTYPE html>  
  2. <html xmlns=”http://www.w3.org/1999/xhtml” lang=”en”>  
  3.   
  4. <head>  
  5.   
  6. <title>超級絢麗的html5的頁面</title>  
  7.   
  8. <script type=”text/javascript”>  
  9.   
  10. window.onload = function () {  
  11. C = Math.cos;  
  12. S = Math.sin;  
  13. U = 0;  
  14. canvas = document.getElementById(“myCanvas”);  
  15. c = canvas.getContext(“2d”);  
  16. var W = canvas.width = window.innerWidth;  
  17. var H = canvas.height = window.innerHeight;  
  18. c.fillRect(0, 0, W, H); // resize <canvas> and draw black rect (default)  
  19. c.globalCompositeOperation = “lighter”; // switch to additive color application  
  20. c.lineWidth = 0.2;//設置畫筆的大小  
  21. c.lineCap = “round”;//設置圓滑  
  22. var bool = 0,  
  23. t = 0; // theta  
  24.   
  25. canvas.onmousemove = function (e) {  
  26. if(window.T) {  
  27. if(D==9) {  
  28. D=Math.random()*15; f(1); }  
  29. clearTimeout(T);  
  30. }  
  31. X = e.pageX; // grab mouse pixel coords  
  32. Y = e.pageY;  
  33. a=0; // previous coord.x  
  34. b=0; // previous coord.y  
  35. A = X, // original coord.x  
  36. B = Y; // original coord.y  
  37. R=(e.pageX/W * 999>>0)/999;  
  38. r=(e.pageY/H * 999>>0)/999;  
  39. U=e.pageX/H * 360 >>0;  
  40. D=9;  
  41. g = 360 * Math.PI / 180;  
  42. T = setInterval(f = function (e) {  
  43. c.save();  
copyright © 萬盛學電腦網 all rights reserved