Using variables to change size of shapes

Hi all, If someone is still looking for a solution. You can do it with a picture (it's easier to get the element with the filename of the picture) and JavaScript. Below is the JavaScript code for rotation and you can see the code for scale in the attached file.

var elem = null;
var slide = parent.document.getElementById('slide');
var divs = slide.querySelectorAll('div');

for (var i in divs) {
    if (divs[i].tagName == "DIV") {
        // data-acc-text attribute contains the filename
        var attr = divs[i].getAttribute('data-acc-text');
        // eg. avatar.png is the filename of the picture
        if (attr && attr=='avatar.png') {
            elem = divs[i];
            break;
        }
    }
}

if (elem) {
    var style = window.getComputedStyle(elem);
    var matrix = style.transform.match(/matrix.*\((.+)\)/)[1];
    var values = matrix.split(', ');
    // scale value
    var s = Math.sqrt(values[0]*values[0] + values[1]*values[1]);
    var player = GetPlayer();
    // angle from the slider
    var r = player.GetVar('rotationValue') ;
    elem.style.transform = "translate("+values[4]+"px, "+values[5]+"px) rotate("+r+"deg) scale("+s+")";
}