Support to the zoom and pan of the flowchart.

hikarock · hikarock · commit db6aaf2de07f · 2015-02-14T20:37:35.000+09:00
diff --git a/src/flowchart.chart.js b/src/flowchart.chart.js
@@ -98,12 +98,15 @@ FlowChart.prototype.render = function() {
     }
   }
 
-  this.paper.setSize(maxX + this.options['line-width'], maxY + this.options['line-width']);
+  var scale = this.options['scale'];
+  var lineWidth = this.options['line-width'];
+  this.paper.setSize((maxX * scale) + (lineWidth * scale), (maxY * scale) + (lineWidth * scale));
+  this.paper.setViewBox(0, 0, maxX + lineWidth, maxY + lineWidth, true);
 };
 
 FlowChart.prototype.clean = function() {
   if (this.paper) {
     var paperDom = this.paper.canvas;
     paperDom.parentNode.removeChild(paperDom);
   }
-};
+};
diff --git a/src/flowchart.defaults.js b/src/flowchart.defaults.js
@@ -17,6 +17,7 @@ var o = {
   'no-text': 'no',
   'arrow-end': 'block',
   'class': 'flowchart',
+  'scale': 1,
   'symbols': {
     'start': {},
     'end': {},

Original file line number	Diff line number	Diff line change
`@@ -98,12 +98,15 @@ FlowChart.prototype.render = function() {`
`98`	`98`	`}`
`99`	`99`	`}`
`100`	`100`
`101`		`- this.paper.setSize(maxX + this.options['line-width'], maxY + this.options['line-width']);`
	`101`	`+ var scale = this.options['scale'];`
	`102`	`+ var lineWidth = this.options['line-width'];`
	`103`	`+ this.paper.setSize((maxX * scale) + (lineWidth * scale), (maxY * scale) + (lineWidth * scale));`
	`104`	`+ this.paper.setViewBox(0, 0, maxX + lineWidth, maxY + lineWidth, true);`
`102`	`105`	`};`
`103`	`106`
`104`	`107`	`FlowChart.prototype.clean = function() {`
`105`	`108`	`if (this.paper) {`
`106`	`109`	`var paperDom = this.paper.canvas;`
`107`	`110`	`paperDom.parentNode.removeChild(paperDom);`
`108`	`111`	`}`
`109`		`-};`
	`112`	`+};`