思路
- 使用canvas quadraticCruveTo 创建贝塞尔曲线
- requestAnimationFrame 制作动画
- 重绘的时候,改变曲线渐变的位置,形成动画效果
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function draw() {
var canvas = document.getElementById("graduent");
if