javascript - 创建一个不规则的三 Angular 形矩阵 SVG.JS

Question

我一直在试验一个名为 SVG.JS 的库，它非常棒而且功能强大。

我想用不规则的多边形填充整个屏幕，但我不知道如何让它们填充整个屏幕，无论其大小如何。我该怎么做？

最后，我可以用 illustrator 制作这个不规则多边形设计，然后用 SVG.JS 导入它并对其进行操作吗？

http://jsfiddle.net/Vac2Q/3669/

/* create an svg drawing */
var draw = SVG('drawing')

/* draw rectangle */

var polygon = draw.polygon('0,0 100,50 50,100').fill('#f09')
var polygon = draw.polygon('0,0 50,100 0,200').fill('#f04')
var polygon = draw.polygon('100,50 50,100 0,200').fill('#g09')

Answer 1

这是 svg.js 的 BigBadaboom 示例(或多或少):

/* create an svg drawing */
var draw = SVG('drawing').size('100%', '100%')

/* draw shapes */
var group = draw.group()
group.polygon('0,0 100,50 50,100').fill('#f09')
group.polygon('0,0 50,100 0,200').fill('#f04')
group.polygon('100,50 50,100 0,200').fill('#g09')

/* set viewbox */
draw.viewbox(group.bbox()).attr('preserveAspectRatio', 'none')

这是更新后的 fiddle :

http://jsfiddle.net/Vac2Q/3912/