Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。

  • 本篇文章的具体介绍如下

 97kAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

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();  
  44. c.globalCompositeOperation = “source-over”;  
  45. if(e!=1) {  
  46. c.fillStyle = “rgba(0,0,0,0.02)”;  
  47. c.fillRect(0, 0, W, h);  
  48. }  
  49.   
  50. c.restore();  
  51.   
  52. i = 25; while(i –) {  
  53.   
  54. c.beginPath();  
  55.   
  56. if(D > 450 || bool) { // decrease diameter  
  57.   
  58. if(!bool) { // has hit maximum  
  59.   
  60. bool = 1;  
  61.   
  62. }  
  63.   
  64. if(D < 0.1) { // has hit minimum  
  65.   
  66. bool = 0;  
  67.   
  68. }  
  69.   
  70. -g; // decrease theta  
  71.   
  72. -0.1; // decrease size  
  73.   
  74. }  
  75.   
  76. if(!bool) {  
  77.   
  78. t  = g; // increase theta  
  79.   
  80. D  = 0.1; // increase size  
  81.   
  82. }  
  83.   
  84. q = (R / r – 1) * t;  
  85.   
  86. x = (R – r) * C(t)   D * C(q)   (A   (X – A) * (i / 25))   (r – R); // center on xy coords  
  87.   
  88. y = (R – r) * S(t) – D * S(q)   (B   (Y – B) * (i / 25));  
  89.   
  90. if (a) {  
  91.   
  92. c.moveTo(a, b);  
  93.   
  94. c.lineTo(x, y)  
  95.   
  96. }  
  97.   
  98. c.strokeStyle = “hsla(”   (U % 360)   “,100%,50%,0.75)”; // draw rainbow hypotrochoid  
  99.   
  100. c.stroke();  
  101.   
  102. a = x; // set previous coord.x  
  103.   
  104. b = y; // set previous coord.y  
  105.   
  106. }  
  107.   
  108. -0.5; // increment hue  
  109.   
  110. A = X; // set original coord.x  
  111.   
  112. B = Y; // set original coord.y  
  113.   
  114. }, 16);  
  115.   
  116. }  
  117.   
  118. document.onkeydown = function(e) { a=b=0; R  = 0.05 }  
  119. canvas.onmousemove({pageX:300, pageY:290})  
  120. }</script>  
  121. </head>  
  122. <body style=”margin:0px;padding:0px;width:100%;height:100%;overflow:hidden;”>  
  123. <canvas id=”myCanvas”></canvas>  
  124. </body>  
  125. </html>  

 97kAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

基于网页hTML5教程 的人脸识别技术核心具体代码97kAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  然后打开下面地址:97kAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,

标签:

分享到:

  admin

注册时间:

网站:0 个   APP:3 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市