最新下载
梦幻水族馆
少女前线
星之翼
小花仙精灵乐园
餐厅萌物语
山河旅探
恋与制作人
最强大脑3
异尘:达米拉
少年西游记2
24小时阅读排行榜
- 1 如何扩展和覆盖 Django 管理模板而不替换它们?
- 2 如何在 JavaScript 中合并两个数组?
- 3 dynexwcui.exe - 什么是 dynexwcui.exe?
- 4 如何覆盖影子根元素中的样式?
- 5 如何使用整数用户 ID 在 MySQL 中创建动态数据透视表?
- 6 dtvimpex.dll - 什么是 dtvimpex.dll?
- 7 为什么使用 github.com/mkideal/cli 时出现“go module @latest found but does not contains package”错误?
- 8 为什么在 PyQt 中连接槽时 Lambda 表达式有时无法传递正确的参数?
- 9 如何根据服务器响应动态创建 CSS @-keyframes 动画?
- 10 如何在 CSS 中选择具有特定“for”属性的标签?
- 11 为什么我无法分配给映射中的结构体字段?
- 12 如何在具有多个按钮的表单中检索已提交按钮的值?
- 13 什么时候应该使用 Getter/Setter 而不是公共数据成员?
- 14 谁在运行我的 PHP 脚本?
- 15 为什么我在使用 PHPMailer 发送电子邮件时收到“SMTP 错误:无法验证”?
最新教程
-
- 国外Web开发全栈课程全集
- 1727 2024-04-24
-
- Go语言实战之 GraphQL
- 2011 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3430 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2962 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1812 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2626 2024-03-29
html5 canvas海底水草动画特效是一款深海底冒泡的海藻动画场景特效
var canvas, ctx, width, height, stems, bubbles;
stems = [];
bubbles = [];
function Bubble(x, y, radius) {
this.x = x;
this.y = y;
this.radius = radius;
this.vy = -Math.random() * 5;
this.opacity = 0.2 Math.random() * 0.5;
this.oldY = y;
}
Bubble.prototype.draw = function() {
var strokeColor, fillColor;
strokeColor = 'rgba(255, 255, 255,' this.opacity ')';
fillColor = 'rgba(255, 255, 255,' (this.opacity / 2) ')';
ctx.save();
ctx.lineWidth = 0.8;
ctx.strokeStyle = strokeColor;
ctx.fillStyle = fillColor;
ctx.beginPath();
ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
ctx.closePath();
ctx.fill();
ctx.stroke();
ctx.restore();
}