我想将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());
答案 0 :(得分:0)
修改:如果要生成trianglify设计以用作SVG背景,可以使用他们的Trianglify Generator。您可以自定义所需的图案/设计,然后导出为SVG或PNG。
以下是Github docs的一些信息。
从他们的主要网站:
var pattern = Trianglify();
//SVG DOM node
pattern.svg();