设置Trianglify js为SVG背景

时间:2016-06-18 18:54:58

标签: svg trianglify

我想将Trianglify js设置为SVG背景,但我不能。 我可以使用以下代码设置div:

        var something = document.getElementById('portfolio');
        var dimensions = something.getClientRects()[0];
        var pattern = Trianglify({
            width: dimensions.width,
            height: dimensions.height,
            x_colors: ['#444', '#555', '#666', '#777', '#888', '#999'],
            y_colors: 'match_x',
        });
        something.appendChild(pattern.canvas());

1 个答案:

答案 0 :(得分:0)

修改:如果要生成trianglify设计以用作SVG背景,可以使用他们的Trianglify Generator。您可以自定义所需的图案/设计,然后导出为SVG或PNG。

以下是Github docs的一些信息。

从他们的主要网站:

var pattern = Trianglify();

//SVG DOM node
pattern.svg();