Raphael JS Free转换类或ID

Question

我有一些困难，希望得到你的帮助。 我想在一些具有特定类或id的对象中应用FreeTransform。 例如......在我的HTML中，我想放一个图库。我希望脚本freetransform适用于具有特定类的所有图像。 我有一个例子，说明我到目前为止做了什么。

var r = Raphael(document.getElementById('workspace'));
var img = r.image('http://www.porcopedia.com/images/thumb/Simbolo_Goi%C3%A1s.jpg/600px-Simbolo_Goi%C3%A1s.jpg', 10, 10, 200, 200);

register(img);


function register(el) {
    el.data('dragged', false);

    el.click(function() {
            // Toggle handles on click if no drag occurred
            if ( !this.data('dragged') ) {
                    if ( this.freeTransform.handles.center === null ) {
                            this.toFront();

                            this.freeTransform.showHandles();
                    } else {
                            this.freeTransform.hideHandles();
                    }
            }
    });

    r.freeTransform(el, {attrs: {
        fill: 'black',
       stroke: '#111'
    }, drag: true,
    keepRatio: ['axisX', 'axisY','bboxCorners'],
    size: 6,
    scale: [ 'axisX', 'axisY', 'bboxCorners', 'bboxSides' ],
    rotate: true,
    draw: ['bbox', 'circle']}, function(ft, events) {
            if ( events.indexOf('drag start') !== -1 ) {
                    el.data('dragged', false);
            }

            if ( events.indexOf('drag') !== -1 ) {
                    el.data('dragged', true);
            }
    }).hideHandles();
}   

Example JSFIDDLE