coffeepostal
9/29/2016 - 10:16 PM

JS: Trianglify Settings

JS: Trianglify Settings

// Multiple DIVs as a true background-image
function addTriangleTo(target) {
    var dimensions = target.getClientRects()[0];
    var pattern = Trianglify({
        width: dimensions.width, 
        height: dimensions.height
    });
    target.style['background-image'] = 'url(' + pattern.png() + ')';
}

addTriangleTo(document.getElementById('something'));
addTriangleTo(document.getElementById('other'));