首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

mxgraph之封存图片

2012-09-01 
mxgraph之保存图片1、写在前端:任何情况下,保存图片不可能只通过前台代码就能实现,因此,要保存前台绘制的gr

mxgraph之保存图片
1、写在前端:任何情况下,保存图片不可能只通过前台代码就能实现,因此,要保存前台绘制的graph图,我们需要用到mxgraph中的java包啦~
2、参考实例:
mxgraph\java\test\com\mxgraph\test\mxImageExportTest.java
这个例子就是将xml文档生成图片的。
3、改良的例子:

var graph = designer.graph;//这里是你的js中所对应的graph    var xmlDoc = mxUtils.createXmlDocument();     var root = xmlDoc.createElement('output');     xmlDoc.appendChild(root);          var xmlCanvas = new mxXmlCanvas2D(root);     var imgExport = new mxImageExport();     imgExport.drawState(graph.getView().getState(graph.model.root), xmlCanvas);          var bounds = graph.getGraphBounds();     var w = Math.round(bounds.x + bounds.width + 4);     var h = Math.round(bounds.y + bounds.height + 4);     var xml = mxUtils.getXml(root);                  xml = encodeURIComponent(xml);//这就是要提交到后台的xml代码

5.这样可以说就大功告成了,但是所导出的图片有两个bug:中文乱码和图片节点无法被绘制。解决大法:用附件中被我改良了的mxgraph包代替所有mxgraph的jar包即可。
6.要想知道我源码中都改了些什么,且听下回歪歪。
***********************格叽格叽***************************************
lysh,心是透明的,因为雨慢慢的停了……

热点排行