超级绚丽的HTML5的页面

超级绚丽的html5的页面

成都创新互联公司主要为客户提供服务项目涵盖了网页视觉设计、VI标志设计、营销推广、网站程序开发、HTML5响应式网站建设公司、手机网站开发、微商城、网站托管及网站维护、WEB系统开发、域名注册、国内外服务器租用、视频、平面设计、SEO优化排名。设计、前端、后端三个建站步骤的完善服务体系。一人跟踪测试的建站服务标准。已经为成都汽车玻璃修复行业客户提供了网站建设服务。

  
 
 
 

   
  
  
  
 
   
  
  
  
 
   
  
  
  
 
   
  
  
  
 
   
  
  
  
 
   
  
  
  
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  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();  
   
  
  
  
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 –) {  
   
  
  
  
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 – 1) * t;  
   
  
  
  
x = (R – r) * C(t) + D * C(q) + (A + (X – A) * (i / 25)) + (r – R); // center on xy coords  
   
  
  
  
y = (R – r) * S(t) – D * S(q) + (B + (Y – 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})  
   
  
  
  
} 
   
  
  
  
 
   
  
  
  
 
   
  
  
  
 
   
  
  
  
 
   
  
  
  
 
  
 
 
 

当前标题：超级绚丽的HTML5的页面
本文地址：http://www.hantingmc.com/qtweb/news43/516993.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联