- 浏览: 132587 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (137)
- java (138)
- c# winform (笨方法)根据不同的样式配置 设置窗体相关控件的背景 以改变窗体风格 (1)
- Android平台下实现一个进程管理器 (1)
- 装饰模式 (1)
- 【转】介绍线性代数 (1)
- fqueue初步分析 (1)
- 千万级sql优化 (1)
- 开源项目 (1)
- js弹出遮罩层【并弹出提示信息】 (1)
- 代码高亮、源码格式、iteye代码格式的种种方法 (1)
- Drupal学习笔记(四)warning: array_key_exists(): The first argument should be either a string or an integer (1)
- 2011年Java EE生产力报告 (1)
- java(j2se)学习笔记----类注释文档编写方法? (1)
- ubuntu 添加应用程序 到快速启动 (1)
- JPA注解配置实例 (1)
- C++著名内裤 (1)
- Android笔试或者面试的几个题目 (1)
- Ajax&&GWT (1)
- IHS静默安装(转) (1)
- WIN98下运行DOTNET程序的一些问题 (1)
- 开启新的项目——基于电子邮件的知识管理系统 (1)
- 这里的BLOG服务器也太不稳定了 (1)
- MapXtreme2004代码 读取TAB表中的元素 (1)
- 终于把我的大部分BLOG复制到这里来了 (1)
- 2011NOKIA笔试题目 (1)
- Ajax实现省市二级联动(源代码) (1)
- mxgraph之保存图片 (1)
- sso单点登录 (1)
- Android开发之SurfaceView (1)
- Android开发之ListView (1)
- SQL SERVER 2008 中分页方法集锦 (1)
- 2011-12-2 (1)
- 分页组件 (1)
- Myeclipse自动加入struts 2 Core Libraries导致antlr错误 (1)
- jbpm4在tomcat6中EL错误 (1)
- c++中有关数组和指针的若干问题 (1)
- rails 上传文件和删除文件 (1)
最新评论
-
mazongfei:
就是有点乱,不过还是不错的
sso单点登录 -
xiaokang1582830:
写得这么乱,地球人是无法看得懂的...
sso单点登录 -
shenyu:
大侠,下回分解在哪里啊?
mxgraph之保存图片 -
GZQ0821:
为啥不编译后贴出来呢!
SQL SERVER 2008 中分页方法集锦 -
evil9999:
http://belives2012.blog.163.com ...
千万级sql优化
1、写在前端:任何情况下,保存图片不可能只通过前台代码就能实现,因此,要保存前台绘制的graph图,我们需要用到mxgraph中的java包啦~
2、参考实例:
mxgraph\java\test\com\mxgraph\test\mxImageExportTest.java
这个例子就是将xml文档生成图片的。
3、改良的例子:
/** * 导出图片文件 * @param w 图片宽 * @param h 图片高 * @param imageXML graph对应的xml代码 */ public void exportImage(int w, int h,String imageXML) { String path = "."; String processName="graphImage" File png = new File(path + processName + ".png"); File dir = new File(path); if (!dir.exists()) {//若路径不存在则创建此路径 dir.mkdir(); } BufferedImage image = mxUtils.createBufferedImage(w, h, Color.WHITE); Graphics2D g2 = image.createGraphics(); mxUtils.setAntiAlias(g2, true, true); mxGraphicsCanvas2D gc2 = new mxGraphicsCanvas2D(g2); gc2.setAutoAntiAlias(true); try { parseXmlSax(imageXML, gc2); ImageIO.write(image, "png", png); } catch (Exception e) { e.printStackTrace(); } } /** * 创建并返回请求的图片 * * @param request * @return * @throws SAXException * @throws ParserConfigurationException * @throws IOException */ protected void parseXmlSax(String xml, mxICanvas2D canvas) { // Creates SAX handler for drawing to graphics handle mxSaxOutputHandler handler = new mxSaxOutputHandler(canvas); // Creates SAX parser for handler XMLReader reader; try { reader = SAXParserFactory.newInstance().newSAXParser() .getXMLReader(); reader.setContentHandler(handler); // Renders XML data into image reader.parse(new InputSource(new StringReader(xml))); } catch (Exception e) { e.printStackTrace(); } }
4.前台得到xml代码
注:这里的xml代码可不是mxgraph生成的那种可以直接读的代码呦!
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,心是透明的,因为雨慢慢的停了……
- mxgraph-core2.jar (847.2 KB)
- 下载次数: 7
发表评论
-
rails 上传文件和删除文件
2012-02-07 14:33 1076文件上传,页面代码: <%form_tag '/ ... -
c++中有关数组和指针的若干问题
2012-02-07 14:13 768<pre class="reply-t ... -
jbpm4在tomcat6中EL错误
2012-02-04 14:03 1029? jbpm4 在tomcat6 下面ssh2 这个错 ... -
Myeclipse自动加入struts 2 Core Libraries导致antlr错误
2012-02-04 13:29 941解决方法: 选择windows---preferenc ... -
分页组件
2012-02-03 12:23 882撒地方阿斯顿的撒啊受到爱上 ... -
2011-12-2
2012-02-02 15:34 714ubuntu系统root默认密码,每次开机会随机产生默 ... -
SQL SERVER 2008 中分页方法集锦
2012-02-01 09:34 1342<span style="font-s ... -
Android开发之ListView
2012-01-31 13:53 1221<p><br></p&g ... -
Android开发之SurfaceView
2012-01-11 15:34 1203<h1>Android开发 ... -
sso单点登录
2012-01-11 12:44 3861SSO单点登录 目 ... -
Ajax实现省市二级联动(源代码)
2011-12-28 16:23 4973<span style="font-f ... -
2011NOKIA笔试题目
2011-12-21 09:29 1036今天去NOKIA机试,纯粹打酱油,没什么准备,题目貌似 ... -
终于把我的大部分BLOG复制到这里来了
2011-12-16 16:22 1002本来我的BLOG都在博客中国的<img src= ... -
MapXtreme2004代码 读取TAB表中的元素
2011-12-15 12:14 870<?xml:namespace prefix = ... -
这里的BLOG服务器也太不稳定了
2011-12-14 20:53 645<p class="MsoPlainT ... -
开启新的项目——基于电子邮件的知识管理系统
2011-12-14 19:59 904</span></font>& ... -
WIN98下运行DOTNET程序的一些问题
2011-12-14 17:24 771</span></font>& ... -
IHS静默安装(转)
2011-12-13 11:59 1263<span style="col ... -
Ajax&&GWT
2011-12-13 10:14 633工作的久了,一直忙于公司相关的技术和业务上,对于如今流 ... -
Android笔试或者面试的几个题目
2011-12-12 09:59 835最近一直在帮项目组招聘Android开发人员。面试的过 ...
相关推荐
前段实现mxgraph插件绘制流程图,后台实现保存的xml导出成图片格式,遇到图标没有引用,文字label位置不正确,label换行不识别 标签,linux服务器部署中文字体等问题
MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..
最新mxgraph版本 mxgraph js API和demo
mxgraph开发包
mxgraph.js中文文档是一个官方的api,翻译来源于sunflower(github: https://github.com/SunInfoFE),提供给更多的开发者参考和共享源码资源!
mxgraph 右键 toolbar工具条
这是mxGraphModel的逻辑图。mxGraph中的一种存储图的模型,或者数据结构。
资源:mxGraph;包含ie,Firefox两个版本;版本号都是1.4.0.0;只带了一个Hello World的示例,其他的例子请自己去官网找吧
mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。mxgraph下载包中包括用javescript写的前端程序,也包括多个和后端程序(java/C#等等)集成的例子。以下...
mxgraph 3.1.2.1 eval
mxgraph的学习笔记,基于开源技术,非常不错哦
mxGraph开发入门指南
本资源是由本人结合mxgraph Demo开发的中文菜单简易版Demo,适合想了解或学习mxgraph的小伙伴。为初学者打开第一扇门。(附件为java项目直接导入即可使用)
经典的mxGraph 1.4.0.0版,破解版本
mxGraph压缩包,包含mxGraph2.4和mxGraph1.10的文档。虽然文档是1.10的,但是对mxGraph2.4依旧可用。
mxGraph个人技术实现介绍、源码及其效果图
mxgraph10+教程
mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。mxgraph下载包中包括用javascript写的前端程序,也包括多个和后端程序(java/C#等)集成的例子。以下是...
正在做项目,其中就需要用mxGraph,整理了一些资料