{"id":1659,"date":"2017-03-22T15:56:22","date_gmt":"2017-03-22T07:56:22","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=1659"},"modified":"2017-03-22T15:56:22","modified_gmt":"2017-03-22T07:56:22","slug":"cavans%e5%8a%a8%e7%94%bb%e7%b3%bb%e5%88%972%e3%80%90%e7%b2%92%e5%ad%90%e5%96%b7%e6%b3%89%e3%80%91","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=1659","title":{"rendered":"cavans\u52a8\u753b\u7cfb\u52172\u3010\u7c92\u5b50\u55b7\u6cc9\u3011"},"content":{"rendered":"
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n    <title>\u7c92\u5b50\u55b7\u6cc9<\/title>\r\n    <meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1\">\r\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\r\n    <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">\r\n<\/head>\r\n<style type=\"text\/css\">\r\n\t*{\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n        body{\r\n                overflow:hidden;\r\n        }\r\n\tcanvas{\r\n\t\tbackground: #000;\r\n\t}\r\n<\/style>\r\n<body>\r\n\t<canvas id=\"canvas\"><\/canvas>\r\n<\/body>\r\n<script type=\"text\/javascript\">\r\n(function(win,el){\r\n\tvar canvas = document.querySelector(el),\r\n\t\tctx = canvas.getContext('2d');\r\n\t\tcanvas.width = win.innerWidth;\r\n\t\tcanvas.height = win.innerHeight;\r\n\r\n\tvar dots = {\/\/\u7c92\u5b50\u5bf9\u8c61\r\n\t\tnum: 350,\/\/\u4ea7\u751f\u7c92\u5b50\u7684\u6570\u91cf\r\n\t\tarray: []\/\/\u5b58\u653e\u7c92\u5b50\u7684\u6570\u7ec4\r\n\t};\r\n\tvar mousePosition = {\/\/\u9f20\u6807\u4f4d\u7f6e\u5bf9\u8c61\r\n\t\tx: canvas.width\/2,\r\n\t\ty: canvas.height\/2\r\n\t};\r\n\tfunction Dot(){\r\n\t\tthis.x = mousePosition.x;\r\n\t\tthis.y = mousePosition.y;\r\n\t\tthis.vx = Math.random()*4 -2;\/\/\u7c92\u5b50\u7684x\u8f74\u65b9\u5411-2~2\r\n\t\tthis.vy = Math.random()*2-4;\/\/\u7c92\u5b50\u7684y\u8f74\u65b9\u5411-4~-2\r\n\t\tthis.radius = 5;\r\n\t\tthis.gravity = 0.1; \/\/\u91cd\u529b\u7cfb\u6570\r\n\t\tthis.color = 1; \/\/\u989c\u8272\u53d8\u5316\r\n\t}\r\n\tDot.prototype.draw = function(){\r\n\t\tctx.beginPath();\r\n\t\tctx.fillStyle = 'hsl('+this.color+',100%,50%)';\r\n\t\tctx.arc(this.x,this.y,this.radius,0,2*Math.PI,false);\r\n\t\tctx.fill();\r\n\t}\r\n\tfunction createDots(){\r\n\t\tdots.array.push(new Dot)\r\n\t}\r\n\tfunction deleteDots(){\r\n\t\tdots.array.shift();\r\n\t}\r\n\tfunction moveDots(){\r\n\t\tfor (var i = 0; i < dots.array.length; i++) {\r\n\t\t\tdots.array[i].vy += dots.array[i].gravity;\r\n\t\t\tdots.array[i].x += dots.array[i].vx;\r\n\t\t\tdots.array[i].y += dots.array[i].vy;\r\n\t\t\tdots.array[i].color += 2;\r\n\t\t};\r\n\t}\r\n\tfunction drawDots(){\r\n\t\tcreateDots();\r\n\t\tfor (var i = 0; i < dots.array.length; i++) {\r\n\t\t\tdots.array[i].draw()\r\n\t\t};\r\n\t}\r\n\tfunction animateDots(){\r\n\t\tctx.clearRect(0, 0, canvas.width, canvas.height);\r\n\t    moveDots();\r\n\t    drawDots();\r\n\t    if(dots.array.length >= dots.num){\r\n\t    \tdeleteDots()\r\n\t    }\r\n    \trequestAnimationFrame(animateDots);\t\r\n\t}\r\n\r\n\tcanvas.addEventListener('mousemove',function(e){\r\n\t\tmousePosition.x = e.pageX;\r\n    \tmousePosition.y = e.pageY;\r\n\t})\r\n\tcanvas.addEventListener('mouseleave',function(e){\r\n\t\tmousePosition.x = canvas.width\/2;\r\n    \tmousePosition.y = canvas.height\/2;\r\n\t})\r\n  \trequestAnimationFrame(animateDots);\t\r\n})(window,'#canvas')\r\n\r\n<\/script>\r\n<\/html><\/pre>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » cavans\u52a8\u753b\u7cfb\u52172\u3010\u7c92\u5b50\u55b7\u6cc9\u3011<\/a><\/p>","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[30,137],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1659"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1659"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1659\/revisions"}],"predecessor-version":[{"id":1660,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1659\/revisions\/1660"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1659"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}