日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

一个很简短但很炫的html5代码(canvas画布)。。。。。

發布時間:2023/12/31 编程问答 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 一个很简短但很炫的html5代码(canvas画布)。。。。。 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

最近在網上看到一個《一個很簡短但很炫的html5代碼》,特意收藏一下:

[鼠標移入,酷炫樣式]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Breathing Galaxies (3005 bytes)</title> <script type="text/javascript">window.onload = function() {var d = window.document.getElementById("_d");if (!d) {d = window.document.createElement("canvas");d.id = "_d";window.document.getElementsByTagName("BODY")[0].appendChild(d);}C = Math.cos; // cache Math objectsS = Math.sin;U = 0;w = window;j = document;c = d.getContext("2d");W = d.width = w.innerWidth;H = d.height = w.innerHeight;c.fillRect(0, 0, W, H); // resize <canvas> and draw black rect (default)c.globalCompositeOperation = "lighter"; // switch to additive color applicationc.lineWidth = 0.2;c.lineCap = "round";var bool = 0, t = 0; // thetad.onmousemove = function(e) {if (window.T) {if (D == 9) {D = Math.random() * 15;f(1);}clearTimeout(T);}X = e.pageX; // grab mouse pixel coordsY = e.pageY;a = 0; // previous coord.xb = 0; // previous coord.y A = X, // original coord.xB = Y; // original coord.yR = (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) { // start looping spectrumc.save();c.globalCompositeOperation = "source-over"; // switch to additive color applicationif (e != 1) {c.fillStyle = "rgba(0,0,0,0.02)";c.fillRect(0, 0, W, H); // resize <canvas> and draw black rect (default)}c.restore();i = 25;while (i--) {c.beginPath();if (D > 450 || bool) { // decrease diameterif (!bool) { // has hit maximumbool = 1;}if (D < 0.1) { // has hit minimumbool = 0;}t -= g; // decrease thetaD -= 0.1; // decrease size}if (!bool) {t += g; // increase thetaD += 0.1; // increase size}q = (R / r - 1) * t; // create hypotrochoid from current mouse position, and setup variables (see: http://en.wikipedia.org/wiki/Hypotrochoid)x = (R - r) * C(t) + D * C(q) + (A + (X - A) * (i / 25))+ (r - R); // center on xy coordsy = (R - r) * S(t) - D * S(q) + (B + (Y - B) * (i / 25));if (a) { // draw once two points are setc.moveTo(a, b);c.lineTo(x, y)}c.strokeStyle = "hsla(" + (U % 360) + ",100%,50%,0.75)"; // draw rainbow hypotrochoidc.stroke();a = x; // set previous coord.xb = y; // set previous coord.y}U -= 0.5; // increment hueA = X; // set original coord.xB = Y; // set original coord.y}, 18);}j.onkeydown = function(e) {a = b = 0;R += 0.05}d.onmousemove({pageX : 300,pageY : 290})} </script> </head> <body style="padding: 0px !important; margin: 0px !important;"> </body> </html>

純HTML代碼,純js代碼,效果很不錯,裝逼專用。

?

總結

以上是生活随笔為你收集整理的一个很简短但很炫的html5代码(canvas画布)。。。。。的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 欧美特黄色片 | 男操女视频网站 | 精品国产一区二区三区在线观看 | 波多野结衣在线观看一区 | 精品福利在线 | 亚洲第九十九页 | xxxxxx黄色 | 嫩模一区| 一区二区在线看 | 一区二区不卡在线观看 | 热久久91 | h片大全 | 干操网 | 羞羞色院91蜜桃 | 北条麻妃一区二区三区免费 | 制服丝袜国产精品 | 天天综合亚洲 | 嫩草www | 91精品国产91久久久久久吃药 | 黄色爱爱视频 | 日韩一区二区三区视频在线观看 | 天天鲁一鲁摸一摸爽一爽 | 午夜激情福利电影 | 乱码一区二区三区 | 国产情侣酒店自拍 | 亚洲日本三级 | 青青青手机在线视频 | 中文在线观看免费 | 国产精品久久久91 | 偷拍超碰| 超碰人人爱人人 | 色噜噜狠狠成人中文 | 久久久久999| 色网站免费在线观看 | 男人的网站在线观看 | 亚洲aⅴ网站 | 欧美黑人精品一区二区 | 国产91啪 | 中国老头性行为xxxx | 澳门免费av | 在线观看日本网站 | 亚洲天堂少妇 | 乱淫的女高中暑假调教h | 五月婷婷在线视频 | jzjzjzjzj亚洲成熟少妇 | 色婷婷国产精品综合在线观看 | 大香伊人久久 | 少妇搡bbbb搡bbb搡小说 | 欧美精品乱人伦久久久久久 | 国产深喉视频一区二区 | 夜夜嗨视频 | 午夜视频h| hd丰满圆润的女人hd | 国产综合久久久久久鬼色 | 亚洲av无码久久忘忧草 | 精品人妻一区二区三区四区久久 | 国产精品无码一区二区三区 | 午夜伦伦电影理论片费看 | 欧美日韩aa | 精品一卡二卡 | 国产在线拍揄自揄拍无码 | 天天插av | 人妻互换免费中文字幕 | 精品无码国产av一区二区三区 | 日韩福利视频在线观看 | 精品国产伦一区二区三 | v片在线观看| 国产老女人精品毛片久久 | 日韩欧美精品一区二区三区 | 91桃色网站 | 狠狠干狠狠干狠狠干 | 99热99这里只有精品 | 国产精品正在播放 | 天天夜夜啦啦啦 | 日本久久影视 | 午夜国产 | 欧美中文字幕一区二区 | 久久久久女教师免费一区 | 国产黑丝av | 8x国产一区二区三区精品推荐 | 五月婷婷视频在线观看 | 国产亚洲欧美在线 | 91精品国产综合久久久久久 | 干干干操操操 | 一区二区三区在线视频免费观看 | 久久午夜夜伦鲁鲁片 | 夜夜骑av| 麻豆一级片 | 台湾佬美性中文娱乐网 | 日本一级做a爱片 | av福利在线播放 | 免费观看久久久 | 久久精品综合 | 国产精品丝袜一区 | 日韩一片 | 中文字幕高清在线观看 | 亚洲av无码一区二区三区人 | 熟妇女人妻丰满少妇中文字幕 | 国产porn |