H5
关注
分享
扫一扫
冬至1931
分享是学习最快的方式
展开
-
canvas 雨滴特效
一、雨滴特效需求雨滴从窗口顶部随机下落到达底部将呈现波纹逐渐散开变淡直到消失，雨滴特效随窗口变化自适应二、雨滴实现思路1. 用面向对象的思维 首先创建canvas画布 ，绘制一个雨滴的初始化形状2. 在给雨滴添加运动的方法3. 通过定时器让雨滴运动起来三、具体分析1.雨滴初始化需要的属性有哪些？坐标x，y 宽高w，h 。2.雨滴下落是逐渐加速下落不是匀速需要给一个加速度的属性，也就是y轴坐标不断加上加速度的值3.雨滴下落到底部某一个区域后开始呈现波纹逐渐散开，也就是到达底部某个范围内开原创 2021-01-08 15:05:40 · 697 阅读 · 0 评论 -
svg js动态插入use
svg js动态插入use<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2021-01-08 14:29:30 · 473 阅读 · 0 评论