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

Make grips easier to grab with the mouse (works in Opera/WebKit, not in Firefox) 

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@192 eee81c28-f429-11dd-99c0-75d572ba1ddd
master
Jeff Schiller 2009-06-24 13:49:16 +00:00
parent 7c5c80beec
commit 1ad4ad80a1
1 changed files with 26 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
editor/svgcanvas.js
View File

@ -226,41 +226,22 @@ function SvgCanvas(c)
selectedBox.y.baseVal.value = t; selectedBox.y.baseVal.value = t;
selectedBox.width.baseVal.value = w; selectedBox.width.baseVal.value = w;
selectedBox.height.baseVal.value = h; selectedBox.height.baseVal.value = h;
if (selectedOperation == 'resize') { selectedGrips.nw.x.baseVal.value = l-3;
selectedGrips.nw.x.baseVal.value = l-3; selectedGrips.nw.y.baseVal.value = t-3;
selectedGrips.nw.y.baseVal.value = t-3; selectedGrips.ne.x.baseVal.value = l+w-3;
selectedGrips.ne.x.baseVal.value = l+w-3; selectedGrips.ne.y.baseVal.value = t-3;
selectedGrips.ne.y.baseVal.value = t-3; selectedGrips.sw.x.baseVal.value = l-3;
selectedGrips.sw.x.baseVal.value = l-3; selectedGrips.sw.y.baseVal.value = t+h-3;
selectedGrips.sw.y.baseVal.value = t+h-3; selectedGrips.se.x.baseVal.value = l+w-3;
selectedGrips.se.x.baseVal.value = l+w-3; selectedGrips.se.y.baseVal.value = t+h-3;
selectedGrips.se.y.baseVal.value = t+h-3; selectedGrips.n.x.baseVal.value = l+w/2-3;
selectedGrips.n.x.baseVal.value = l+w/2-3; selectedGrips.n.y.baseVal.value = t-3;
selectedGrips.n.y.baseVal.value = t-3; selectedGrips.w.x.baseVal.value = l-3;
selectedGrips.w.x.baseVal.value = l-3; selectedGrips.w.y.baseVal.value = t+h/2-3;
selectedGrips.w.y.baseVal.value = t+h/2-3; selectedGrips.e.x.baseVal.value = l+w-3;
selectedGrips.e.x.baseVal.value = l+w-3; selectedGrips.e.y.baseVal.value = t+h/2-3;
selectedGrips.e.y.baseVal.value = t+h/2-3; selectedGrips.s.x.baseVal.value = l+w/2-3;
selectedGrips.s.x.baseVal.value = l+w/2-3; selectedGrips.s.y.baseVal.value = t+h-3;
selectedGrips.s.y.baseVal.value = t+h-3;
} else if (selectedOperation == 'rotate') {
selectedGrips.nw.cx.baseVal.value = l;
selectedGrips.nw.cy.baseVal.value = t;
selectedGrips.ne.cx.baseVal.value = l+w;
selectedGrips.ne.cy.baseVal.value = t;
selectedGrips.sw.cx.baseVal.value = l;
selectedGrips.sw.cy.baseVal.value = t+h;
selectedGrips.se.cx.baseVal.value = l+w;
selectedGrips.se.cy.baseVal.value = t+h;
selectedGrips.n.cx.baseVal.value = l+w/2;
selectedGrips.n.cy.baseVal.value = t;
selectedGrips.w.cx.baseVal.value = l;
selectedGrips.w.cy.baseVal.value = t+h/2;
selectedGrips.e.cx.baseVal.value = l+w;
selectedGrips.e.cy.baseVal.value = t+h/2;
selectedGrips.s.cx.baseVal.value = l+w/2;
selectedGrips.s.cy.baseVal.value = t+h;
}
} }
} }
@ -314,8 +295,7 @@ function SvgCanvas(c)
// add the corner grips // add the corner grips
for (dir in selectedGrips) { for (dir in selectedGrips) {
if (selectedOperation == 'resize') { selectedGrips[dir] = selectedOutline.appendChild( addSvgElementFromJson({
selectedGrips[dir] = selectedOutline.appendChild( addSvgElementFromJson({
"element": "rect", "element": "rect",
"attr": { "attr": {
"id": dir + "_grip", "id": dir + "_grip",
@ -323,19 +303,16 @@ 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
// works in Opera and WebKit, does not work in Firefox
// see https://bugzilla.mozilla.org/show_bug.cgi?id=500174
"stroke-width": 3,
"pointer-events": "all",
} }
}) ); }) );
} else if (selectedOperation == 'rotate') {
selectedGrips[dir] = selectedOutline.appendChild( addSvgElementFromJson({
"element": "circle",
"attr": {
"id": (dir + "_grip"),
"fill": "blue",
"r": 3,
"style": "cursor: crosshair",
}
}) );
}
$('#'+selectedGrips[dir].id).mousedown( function() { $('#'+selectedGrips[dir].id).mousedown( function() {
current_mode = "resize"; current_mode = "resize";
current_resize_mode = this.id.substr(0,this.id.indexOf("_")); current_resize_mode = this.id.substr(0,this.id.indexOf("_"));