mxGraph自带了zoom相关方法，比如zoomIn和zoomOut，一级zoomTo。但有点遗憾的是没有居中的一个选项，虽然graph.fit()可以适应画布，但怎么看都别扭，于是写了一个原型居中画布的方法

Code:

20 mxGraph.prototype.zoomToCenter = function(margin){
var bounds = this.getGraphBounds();
margin = margin || 10;
this.container.style.overflow = "hidden";
this.view.setTranslate(
-bounds.x -(bounds.width - this.container.clientWidth)/ 2,
-bounds.y - (bounds.height - this.container.clientHeight) / 2
);
while( (bounds.width + margin * 2) > this.container.clientWidth
|| (bounds.height + margin * 2) > this.container.clientHeight ){
this.zoomOut();
bounds = this.getGraphBounds();
}
this.container.style.overflow = "auto";
};

参数：

margin 可选，边距，默认10

用法：

 graph.zoomToCenter(); // 默认10边距
graph.zoomToCenter(30); // 30边距

其实主要是利用graph.getGraphBounds()与graph.view.setTranslate()方法居中，然后来个while循环，如果内容宽高比container大就zoomOut()缩小，直到内容小于container的宽高为止。