html5 canvas海底水草动画.zip

时间:2022-07-31 03:08:17
【文件属性】:

文件名称:html5 canvas海底水草动画.zip

文件大小:2KB

文件格式:ZIP

更新时间:2022-07-31 03:08:17

js特效-html5 canvas海底水草动画

代码片段: Stem.prototype.draw = function(ctx) {   var len, ctrlPoint, point;   len = this.points.length - 1;   ctrlPoint = {x: 0, y: 0};      ctx.save();   ctx.strokeStyle = this.color;   ctx.beginPath();   ctx.moveTo(this.points[this.points.length - 1].x, this.points[this.points.length - 1].y);   for (var i = len; i >= 1; i--) {     point = this.points[i];     ctrlPoint.x = (point.x this.points[i - 1].x) / 2;     ctrlPoint.y = (point.y this.points[i - 1].y) / 2;     ctx.quadraticCurveTo(point.x, point.y, ctrlPoint.x, ctrlPoint.y);     ctx.lineWidth = i * 1.1;     ctx.stroke();     ctx.fillStyle = 'red';   }   ctx.restore(); }


【文件预览】:
html5 canvas海底水草动画特效
----index.html(4KB)
----php中文网下载站.url(114B)
----php中文网免费下载站.txt(219B)

网友评论