svg.resize.js - Demo
Polygon, normal resizing
new SVG('polygon_normal').size('100%', '100%')
.polygon('350,50 283,250 450,122 250,122 416,250')
.selectize().selectize({deepSelect:true})
.resize();
Polygon, resizing wirg snapToGrid and snapToAngle
new SVG('polygon_snap').size('100%', '100%')
.polygon('350,50 283,250 450,122 250,122 416,250')
.selectize().selectize({deepSelect:true})
.resize({snapToGrid:20, snapToAngle:15});
Polygon, snaps on ctrl down
var poly = new SVG('polygon_ctrl').size('100%', '100%')
.polygon('350,50 283,250 450,122 250,122 416,250')
.selectize().selectize({deepSelect:true})
.resize();
window.addEventListener('keydown', function(e){
if(e.keyCode == 17){
poly.resize({'snapToGrid': 20, 'snapToAngle':15});
}
}, false);
window.addEventListener('keyup', function(e){
if(e.keyCode == 17){
poly.resize({'snapToGrid': 1,'snapToAngle':0.1});
}
}, false);