canvas鼠标跟随效果（原生js实现）

最新推荐文章于 2023-11-09 17:00:40 发布

原创

最新推荐文章于 2023-11-09 17:00:40 发布 · 1.6k 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#canvas效果 #js实现鼠标动画 #canvas鼠标跟随动画

效果展示：

源码展示：

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>canvas鼠标跟随效果（原生js实现）</title>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <style>
        * {
            margin:0;
            padding:0;
        }
        body {
            overflow:hidden;
        }
        #myCanvas {
            background-color:#000;
        }
    </style>
</head>
<body>
<canvas id="myCanvas"></canvas>

<script>
    var myCanvas = document.getElementById('myCanvas');
    var ctx = myCanvas.getContext("