svg - 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());