trainglifysample.html

	<script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.2.1/trianglify.min.js"></script>
	<style>
	width:500px;
	height:500px;
	</style>
	
	
	<div id="main" class="main">
	<script>
	function addTriangleTo(target) {
    var dimensions = target.getClientRects()[0];
    var pattern = Trianglify({
			x_colors: 'Greens',
    	width: dimensions.width,
      height: dimensions.height,
	  });
    target.style['background-image'] = 'url(' + pattern.png() + ')';
}

addTriangleTo(document.getElementById('main'));
	</script>