为 SVG 背景设置 Trianglify js

Question

我想为 SVG 背景设置 Trianglify js，但我不能。 我可以使用以下代码设置 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());

Answer 1

编辑：如果你想生成一个三角化设计作为你的 SVG 背景，你可以使用他们的Trianglify Generator。您可以自定义所需的图案/设计，然后导出为 SVG 或 PNG。

---

这是来自 Github docs 的一些信息。

从他们的主要网站：

var pattern = Trianglify();

//SVG DOM node
pattern.svg();