zcy
/
svgedit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Properly size bounding box based on rotation angle of shape. Doesn't work at all for resizing rotated elements 

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@391 eee81c28-f429-11dd-99c0-75d572ba1ddd
master
Jeff Schiller 2009-08-16 18:00:56 +00:00
parent 8ada7b4bea
commit a61da29f34
1 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
editor/svgcanvas.js
View File

@ -228,9 +228,6 @@ function SvgCanvas(c)
"width": 6, "width": 6,
"height": 6, "height": 6,
"style": ("cursor:" + dir + "-resize"), "style": ("cursor:" + dir + "-resize"),
// when we are in rotate mode, we will set rx/ry to 3
// "rx": 3,
// "ry": 3,
// This expands the mouse-able area of the grips making them // This expands the mouse-able area of the grips making them
// easier to grab with the mouse. // easier to grab with the mouse.
// This works in Opera and WebKit, but does not work in Firefox // This works in Opera and WebKit, but does not work in Firefox
@ -2073,7 +2070,39 @@ function SvgCanvas(c)
this.getBBox = function(elem) { this.getBBox = function(elem) {
var selected = elem || selectedElements[0]; var selected = elem || selectedElements[0];
return selected.getBBox(); var bbox = selected.getBBox();
// determine the bounding box if rotated (NOTE: this won't be
// the tightest possible bounding box, for it will do)
var angle = this.getRotationAngle(selected) * Math.PI / 180.0;
if (angle != null) {
var w2 = bbox.width/2, h2 = bbox.height/2,
cx = bbox.x + w2, cy = bbox.y + h2;
var pts = [ [-w2,-h2], [w2,-h2],
[w2,h2], [-w2,h2] ];
var r = Math.sqrt( w2*w2 + h2*h2 );
console.log(pts);
console.log(r);
var i = 4;
var MINX = Number.MAX_VALUE, MINY = Number.MAX_VALUE,
MAXX = Number.MIN_VALUE, MAXY = Number.MIN_VALUE;
while (i--) {
var theta = angle + Math.atan2(pts[i][1],pts[i][0]);
var x = r * Math.cos(theta),
y = r * Math.sin(theta);
if (MINX > x) { MINX = x; }
if (MINY > y) { MINY = y; }
if (MAXX < x) { MAXX = x; }
if (MAXY < y) { MAXY = y; }
}
bbox.x = cx + parseInt(MINX);
bbox.y = cy + parseInt(MINY);
bbox.width = parseInt(MAXX-MINX);
bbox.height = parseInt(MAXY-MINY);
}
return bbox;
}; };
this.getRotationAngle = function(elem) { this.getRotationAngle = function(elem) {