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

Add a transformBox() helper function 

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@987 eee81c28-f429-11dd-99c0-75d572ba1ddd
master
Jeff Schiller 2009-12-02 03:54:02 +00:00
parent d800f4b5f9
commit 9a273558d6
1 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
editor/svgcanvas.js
View File

@ -437,34 +437,27 @@ function BatchCommand(text) {
// apply the transforms // apply the transforms
var l=bbox.x-offset, t=bbox.y-offset, w=bbox.width+(offset<<1), h=bbox.height+(offset<<1); var l=bbox.x-offset, t=bbox.y-offset, w=bbox.width+(offset<<1), h=bbox.height+(offset<<1);
var topleft = {x:l*current_zoom,y:t*current_zoom}, var nbox = transformBox(l*current_zoom, t*current_zoom, w*current_zoom, h*current_zoom, m);
topright = {x:(l+w)*current_zoom,y:t*current_zoom},
botright = {x:(l+w)*current_zoom,y:(t+h)*current_zoom},
botleft = {x:l*current_zoom,y:(t+h)*current_zoom};
topleft = transformPoint( topleft.x, topleft.y, m );
topright = transformPoint( topright.x, topright.y, m );
botright = transformPoint( botright.x, botright.y, m );
botleft = transformPoint( botleft.x, botleft.y, m);
// TODO: handle negative? // TODO: handle negative?
var sr_handle = svgroot.suspendRedraw(100); var sr_handle = svgroot.suspendRedraw(100);
var dstr = "M" + topleft.x + "," + topleft.y var dstr = "M" + nbox.tl.x + "," + nbox.tl.y
+ " L" + topright.x + "," + topright.y + " L" + nbox.tr.x + "," + nbox.tr.y
+ " " + botright.x + "," + botright.y + " " + nbox.br.x + "," + nbox.br.y
+ " " + botleft.x + "," + botleft.y + "z"; + " " + nbox.bl.x + "," + nbox.bl.y + "z";
assignAttributes(selectedBox, {'d': dstr}); assignAttributes(selectedBox, {'d': dstr});
var gripCoords = { var gripCoords = {
nw: [topleft.x, topleft.y], nw: [nbox.tl.x, nbox.tl.y],
ne: [topright.x, topright.y], ne: [nbox.tr.x, nbox.tr.y],
sw: [botleft.x, botleft.y], sw: [nbox.bl.x, nbox.bl.y],
se: [botright.x, botright.y], se: [nbox.br.x, nbox.br.y],
n: [topleft.x + (topright.x-topleft.x)/2, topleft.y + (topright.y-topleft.y)/2], n: [nbox.tl.x + (nbox.tr.x-nbox.tl.x)/2, nbox.tl.y + (nbox.tr.y-nbox.tl.y)/2],
w: [topleft.x + (botleft.x-topleft.x)/2, topleft.y + (botleft.y-topleft.y)/2], w: [nbox.tl.x + (nbox.bl.x-nbox.tl.x)/2, nbox.tl.y + (nbox.bl.y-nbox.tl.y)/2],
e: [topright.x + (botright.x-topright.x)/2, topright.y + (botright.y-topright.y)/2], e: [nbox.tr.x + (nbox.br.x-nbox.tr.x)/2, nbox.tr.y + (nbox.br.y-nbox.tr.y)/2],
s: [botleft.x + (botright.x-botleft.x)/2, botleft.y + (botright.y-botleft.y)/2] s: [nbox.bl.x + (nbox.br.x-nbox.bl.x)/2, nbox.bl.y + (nbox.br.y-nbox.bl.y)/2]
}; };
$.each(gripCoords, function(dir, coords) { $.each(gripCoords, function(dir, coords) {
assignAttributes(selectedGrips[dir], { assignAttributes(selectedGrips[dir], {
@ -473,15 +466,15 @@ function BatchCommand(text) {
}); });
// we want to go 20 pixels in the negative transformed y direction, ignoring scale // we want to go 20 pixels in the negative transformed y direction, ignoring scale
var dy = (topleft.y - topright.y), var dy = (nbox.tl.y - nbox.tr.y),
dx = (topright.x - topleft.x), dx = (nbox.tr.x - nbox.tl.x),
theta = Math.atan2(dy,dx); theta = Math.atan2(dy,dx);
dy = 20 * Math.cos(theta); dy = 20 * Math.cos(theta);
dx = 20 * Math.sin(theta) dx = 20 * Math.sin(theta)
var rotatept = {x:(l+w/2)*current_zoom,y:t*current_zoom}; var rotatept = {x:(l+w/2)*current_zoom,y:t*current_zoom};
rotatept = transformPoint( rotatept.x, rotatept.y, m); rotatept = transformPoint( rotatept.x, rotatept.y, m);
assignAttributes(this.rotateGripConnector, { x1: topleft.x + (topright.x-topleft.x)/2, assignAttributes(this.rotateGripConnector, { x1: nbox.tl.x + (nbox.tr.x-nbox.tl.x)/2,
y1: topleft.y + (topright.y-topleft.y)/2, y1: nbox.tl.y + (nbox.tr.y-nbox.tl.y)/2,
x2: rotatept.x-dx, y2: rotatept.y-dy }); x2: rotatept.x-dx, y2: rotatept.y-dy });
assignAttributes(this.rotateGrip, { cx: rotatept.x-dx, cy: rotatept.y-dy }); assignAttributes(this.rotateGrip, { cx: rotatept.x-dx, cy: rotatept.y-dy });
@ -2049,6 +2042,18 @@ function BatchCommand(text) {
return tobj; return tobj;
}; };
var transformBox = function(l, t, w, h, m) {
var topleft = {x:l,y:t},
topright = {x:(l+w),y:t},
botright = {x:(l+w),y:(t+h)},
botleft = {x:l,y:(t+h)};
topleft = transformPoint( topleft.x, topleft.y, m );
topright = transformPoint( topright.x, topright.y, m );
botleft = transformPoint( botleft.x, botleft.y, m);
botright = transformPoint( botright.x, botright.y, m );
return {tl:topleft, tr:topright, bl:botleft, br:botright};
};
// - when we are in a create mode, the element is added to the canvas // - when we are in a create mode, the element is added to the canvas
// but the action is not recorded until mousing up // but the action is not recorded until mousing up
// - when we are in select mode, select the element, remember the position // - when we are in select mode, select the element, remember the position