使用JavaScript绘制SVG

时间:2016-02-26 07:21:10

标签: javascript html html5 canvas svg

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

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

0 个答案:

没有答案