Canvas鼠标箭头跟随动画漂亮的特效，炫酷动态背景

最新推荐文章于 2024-05-29 10:05:45 发布

zeng092210

最新推荐文章于 2024-05-29 10:05:45 发布

阅读量4.3k

点赞数 11

分类专栏： canvas 文章标签： canvas鼠标滑动效果漂亮的canvas背景效果

本文链接：https://blog.csdn.net/zeng092210/article/details/92770300

版权

canvas 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

Look at the effect

在这里插入图片描述
背景图片自己可设置。

实现过程：
1 、引入依赖文件 EasePack.min.js、TweenLite.min.js
2、引入canvas文件, canvasGeneratrix.js
3、写入到html (父元素添加ID=large-header),不依赖jquery

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>canvas</title>
</head>

<body>
	<div id="large-header">
		<canvas id="demo-canvas"></canvas>
	</div>
</body>

<script src="./TweenLite.min.js"  type="text/javascript"></script>
<script src="./EasePack.min.js"  type="text/javascript"></script>
<script src="./canvasGeneratrix.js"  type="text/javascript"></script>
</html>