Question

我正在尝试重新创建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();
};

提前感谢您的帮助，如果我需要更多地澄清这个问题，请告诉我。

使用JavaScript绘制SVG

0 个答案: