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

Added 'Fit to layer content' zoom option and optimized code for setBBoxZoom

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@696 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Alexis Deveria
2009-09-23 15:29:55 +00:00
parent b76c379215
commit c8b1cfd3a2
3 changed files with 34 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
editor/svg-editor.css
View File

@@ -304,7 +304,7 @@ span.zoom_tool {
#zoom_dropdown li {
display: block;
width: 100px;
width: 120px;
padding: 4px;
background: #E8E8E8;
border: 1px solid #B0B0B0;

3
editor/svg-editor.html
View File

@@ -254,7 +254,8 @@
<button></button>
<ul>
<li>100%</li>
<li data-val="content">Fit to content</li>
<li data-val="content">Fit to all content</li>
<li data-val="layer">Fit to layer content</li>
<li data-val="selection">Fit to selection</li>
<li data-val="canvas">Fit to canvas</li>
<li>25%</li>

68
editor/svgcanvas.js
View File

@@ -708,7 +708,7 @@ function BatchCommand(text) {
if(!curBBoxes.length) {
// Cache all bboxes
curBBoxes = canvas.getVisibleElements(true);
curBBoxes = canvas.getVisibleElements(svgzoom, true);
}
var resultList = null;
@@ -1081,8 +1081,8 @@ function BatchCommand(text) {
while (i--) {
var child = children.item(i);
if (child.nodeType == 1) {
var childBox = child.getBBox();
if (childBox) {
try {
var childBox = child.getBBox();
// TODO: to fix the rotation problem, we must account for the
// child's rotation in the bbox adjustment
@@ -1107,7 +1107,7 @@ function BatchCommand(text) {
childBox.x = pt.x; childBox.y = pt.y;
childBox.width = w; childBox.height = h;
batchCmd.addSubCommand(recalculateDimensions(child, childBox));
}
} catch(e) {}
}
}
return batchCmd;
@@ -2917,52 +2917,45 @@ function BatchCommand(text) {
this.setBBoxZoom = function(val, editor_w, editor_h) {
var spacer = .85;
var w_zoom, h_zoom;
if(typeof val == 'object') {
var bb = val;
if(bb.width == 0 || bb.height == 0) {
canvas.setZoom(current_zoom * 2);
return {'zoom': current_zoom, 'bbox': bb};
}
w_zoom = Math.round((editor_w / bb.width)*100 * spacer)/100;
h_zoom = Math.round((editor_h / bb.height)*100 * spacer)/100;
var bb;
var calcZoom = function(bb) {
var w_zoom = Math.round((editor_w / bb.width)*100 * spacer)/100;
var h_zoom = Math.round((editor_h / bb.height)*100 * spacer)/100;
var zoomlevel = Math.min(w_zoom,h_zoom);
canvas.setZoom(zoomlevel);
return {'zoom': zoomlevel, 'bbox': bb};
}
if(typeof val == 'object') {
bb = val;
if(bb.width == 0 || bb.height == 0) {
canvas.setZoom(current_zoom * 2);
return {'zoom': current_zoom, 'bbox': bb};
}
return calcZoom(bb);
}
switch (val) {
case 'selection':
if(!selectedElements[0]) return;
var sel_elems = $.map(selectedElements, function(n){ if(n) return n; });
var bb = canvas.getStrokedBBox(sel_elems);
w_zoom = Math.round((editor_w / bb.width)*100 * spacer)/100;
h_zoom = Math.round((editor_h / bb.height)*100 * spacer)/100;
var zoomlevel = Math.min(w_zoom,h_zoom);
canvas.setZoom(zoomlevel);
return {'zoom': zoomlevel, 'bbox': bb};
bb = canvas.getStrokedBBox(sel_elems);
break;
case 'canvas':
spacer = .95;
var res = canvas.getResolution();
w_zoom = Math.round((editor_w / res.w)*100)/100;
h_zoom = Math.round((editor_h / res.h)*100)/100;
var zoomlevel = Math.min(w_zoom, h_zoom);
canvas.setZoom(zoomlevel);
return {'zoom': zoomlevel, 'bbox': {width:res.w, height:res.h ,x:0, y:0}};
spacer = .95;
bb = {width:res.w, height:res.h ,x:0, y:0};
break;
case 'content':
var bb = canvas.getStrokedBBox();
w_zoom = Math.round((editor_w / bb.width)*100 * spacer)/100;
h_zoom = Math.round((editor_h / bb.height)*100 * spacer)/100;
var zoomlevel = Math.min(w_zoom,h_zoom);
canvas.setZoom(zoomlevel);
return {'zoom': zoomlevel, 'bbox': bb};
bb = canvas.getStrokedBBox();
break;
case 'layer':
bb = canvas.getStrokedBBox(canvas.getVisibleElements(current_layer));
break;
default:
return;
}
return calcZoom(bb);
}
this.setZoom = function(zoomlevel) {
@@ -3704,8 +3697,9 @@ function BatchCommand(text) {
return full_bb;
}
this.getVisibleElements = function(includeBBox) {
var nodes = current_layer.childNodes;
this.getVisibleElements = function(parent, includeBBox) {
if(!parent) parent = svgzoom;
var nodes = parent.childNodes;
var i = nodes.length;
var contentElems = [];