js实现canvas正方形点点汇聚成爱心悬浮变色表白代码-html代码-BFW代码库

js实现canvas正方形点点汇聚成爱心悬浮变色表白代码

代码语言：html

所属分类：表白

代码描述：js实现canvas正方形点点汇聚成爱心悬浮变色表白代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8" />

    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
            background: white;
        }
 
        #myCanvas {
            display: block;
        }
    </style>
</head>
 
<body>
    <canvas width="400" height="300" id="myLove"></canvas>

<script type="text/javascript">
    window.requestAnimFrame = (function () {
        return window.requestAnimationFrame ||
            window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window
            .oRequestAnimationFrame ||
            window.msRequestAnimationFrame || function (callback) {
                window.setTimeout(callback,  1000/ 60);
            };
    })();
    /* *basicstuff */
    var FX = {
        config: {
            background: 'rgba(250,250,250,0.2)',
            color: 'rgb(250,0,0)', //初始的颜色 
            highlight: 'rgb(0,250,0)' //鼠标经过de鼠标经过的颜色 
        },
        dots: []
    };
    FX.canvas = document.getElementById('myLove');
    FX.ctx = FX.canvas.getContext('2d'); /* *Extend Math Object */.........完整代码请登录后点击上方下载按钮下载查看