一个超炫的Canvas背景,做网页背景挺好看

特别声明:文章分网络转载,个人原创,原创还请著名地址,特殊资源除外,如转载资源有侵权请联系!

一个超炫的Canvas背景,做网页背景挺好看
预览页面的传送门:
LY-jilei

代码都在html里,(右键查看源代码即可得到啦)
这篇文章会有点水,哈哈哈哈~睡觉

想想还是贴个代码吧
js

document.addEventListener('touchmove', function (e) {
                e.preventDefault()
            })
            var c = document.getElementsByTagName('canvas')[0],
                x = c.getContext('2d'),
                pr = window.devicePixelRatio || 1,
                w = window.innerWidth,
                h = window.innerHeight,
                f = 90,
                q,
                m = Math,
                r = 0,
                u = m.PI*2,
                v = m.cos,
                z = m.random
            c.width = w*pr
            c.height = h*pr
            x.scale(pr, pr)
            x.globalAlpha = 0.6
            function i(){
                x.clearRect(0,0,w,h)
                q=[{x:0,y:h*.7+f},{x:0,y:h*.7-f}]
                while(q[1].xh||t<0) ? y(p) : t
            }
            document.onclick = i
            document.ontouchstart = i
            i()

css

canvas {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
            }
  1. 快速获取资源选择支付推荐登录支付-订单可永久保存
  2. 未登录客户支付获取资源后台会使用cookie+IP验证,一样会判断是否已支付
  3. 如果支付后未跳转请联系客服哈付费仅为测试主题稳定开发
  4. 大多资源都可免费下载,评论后也可获取免费哦

未经允许不得转载:作者:记磊博客, 转载或复制请以 超链接形式 并注明出处 记磊博客
原文地址:《一个超炫的Canvas背景,做网页背景挺好看》 发布于2018-05-27

分享到:
赞(0) 打赏
本文共456个字,预计阅读时间需要2分钟。
您阅读这篇文章共花了: 0小时00分00秒

评论 抢沙发

评论前必须登录!

  注册



一个超炫的Canvas背景,做网页背景挺好看

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册