我正在尝试重新创建this背景动画,但不是使用javascript绘制的随机三角形,我想使用三种不同的SVG文件。
我尝试通过this SO文章复制该功能,但无法完全正确。
所以我的主要问题是,我需要如何以及在何处操作脚本来绘制SVG,而不是现在正在做的三角形。或者,如果它甚至可能?
我的猜测是它与脚本的这一部分有关,但我不是百分百肯定的:
this.draw = function() {
if(_this.alpha >= 0.005) _this.alpha -= 0.005;
else _this.alpha = 0;
ctx.beginPath();
ctx.moveTo(_this.coords[0].x+_this.pos.x, _this.coords[0].y+_this.pos.y);
ctx.lineTo(_this.coords[1].x+_this.pos.x, _this.coords[1].y+_this.pos.y);
ctx.lineTo(_this.coords[2].x+_this.pos.x, _this.coords[2].y+_this.pos.y);
ctx.closePath();
ctx.fillStyle = 'rgba('+_this.color+','+ _this.alpha+')';
ctx.fill();
};
提前感谢您的帮助,如果我需要更多地澄清这个问题,请告诉我。