您现在的位置： 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文
超级绚丽的html5的页面代码
作者：佚名 责任编辑：admin 更新时间：2022-06-22
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();
- 上一个程序编程： 使用HTML5/CSS3快速制作便签贴特效
- 下一个程序编程： 基于HTML5 的人脸识别技术核心代码
