萬盛學電腦網 >> 網頁制作 >> Html5 >> 超級絢麗的html5的頁面代碼
超級絢麗的html5的頁面代碼
XML/HTML Code復制內容到剪貼板
- <!DOCTYPE html>
- <html xmlns=”http://www.w3.org/1999/xhtml” lang=”en”>
- <head>
- <title>超級絢麗的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 = “lighter”; // switch to additive color application
- c.lineWidth = 0.2;//設置畫筆的大小
- c.lineCap = “round”;//設置圓滑
- 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();
