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

larger grips for touch devices

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2200 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Mark MacKay
2012-11-28 06:14:13 +00:00
parent b8c8b65024
commit 5025411c13
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
editor/select.js
View File

@@ -25,6 +25,9 @@ var svgFactory_;
var config_; var config_;
var selectorManager_; // A Singleton var selectorManager_; // A Singleton
var gripRadius;
svgedit.browser.isTouch() ? gripRadius = 10 : gripRadius = 4;
// Class: svgedit.select.Selector // Class: svgedit.select.Selector
// Private class for DOM element selection boxes // Private class for DOM element selection boxes
// //
@@ -253,10 +256,10 @@ svgedit.select.Selector.prototype.resize = function() {
mgr.rotateGripConnector.setAttribute('x1', nbax + (nbaw)/2); mgr.rotateGripConnector.setAttribute('x1', nbax + (nbaw)/2);
mgr.rotateGripConnector.setAttribute('y1', nbay); mgr.rotateGripConnector.setAttribute('y1', nbay);
mgr.rotateGripConnector.setAttribute('x2', nbax + (nbaw)/2); mgr.rotateGripConnector.setAttribute('x2', nbax + (nbaw)/2);
mgr.rotateGripConnector.setAttribute('y2', nbay - 20); mgr.rotateGripConnector.setAttribute('y2', nbay - (gripRadius*5));
mgr.rotateGrip.setAttribute('cx', nbax + (nbaw)/2); mgr.rotateGrip.setAttribute('cx', nbax + (nbaw)/2);
mgr.rotateGrip.setAttribute('cy', nbay - 20); mgr.rotateGrip.setAttribute('cy', nbay - (gripRadius*5));
// } // }
svgFactory_.svgRoot().unsuspendRedraw(sr_handle); svgFactory_.svgRoot().unsuspendRedraw(sr_handle);
@@ -327,7 +330,7 @@ svgedit.select.SelectorManager.prototype.initGroup = function() {
'attr': { 'attr': {
'id': ('selectorGrip_resize_' + dir), 'id': ('selectorGrip_resize_' + dir),
'fill': '#22C', 'fill': '#22C',
'r': 4, 'r': gripRadius,
'style': ('cursor:' + dir + '-resize'), 'style': ('cursor:' + dir + '-resize'),
// 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.
@@ -361,7 +364,7 @@ svgedit.select.SelectorManager.prototype.initGroup = function() {
'attr': { 'attr': {
'id': 'selectorGrip_rotate', 'id': 'selectorGrip_rotate',
'fill': 'lime', 'fill': 'lime',
'r': 4, 'r': gripRadius,
'stroke': '#22C', 'stroke': '#22C',
'stroke-width': 2, 'stroke-width': 2,
'style': 'cursor:url(' + config_.imgPath + 'rotate.png) 12 12, auto;' 'style': 'cursor:url(' + config_.imgPath + 'rotate.png) 12 12, auto;'