js实现曲线螺旋转动canvas动画效果代码
代码语言:html
所属分类:动画
代码描述:js实现曲线螺旋转动canvas动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html>
<head>
<style>
body {
background-color: #01aaff;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #01AAFF;
}
::-webkit-scrollbar-thumb {
background: #01AAFF;
}
::-webkit-scrollbar-thumb:hover {
background: #fff;
}
</style>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
</head>
<body >
<canvas id="waves" width="876" height="848" style="width: 701px; height: 679px;"></canvas>
<script>
/**
* Generates multiple customizable animated sines waves
* using a canvas element. Supports retina displays and
* limited mobile support
*
* I've created a seperate library based on this pen.
* Check it out at https://github.com/isuttell/sine-waves
*/
function SineWaveGenerator(options) {
$.extend(this, options || {});
if (!this.el) {
throw "No Canvas Selected";
}
this.ctx = this.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0