`
lynnlysh
  • 浏览: 178961 次
  • 性别: Icon_minigender_2
  • 来自: 天津
社区版块
存档分类
最新评论

mxgraph 之 增添打印预览和小图预览

阅读更多
增添小图预览:
var containert = document.getElementById('container');	
var outln = new mxOutline(graph, containert);//增加预览模块



<div id="container"  style="z-index:10;position:absolute;overflow:hidden;top:0px;left:0px;width:298px;height:260px;background:transparent;border-style:solid;border-color:lightgray;">
</div>



增加打印预览:
可以把这个方法放在一个按钮的事件中
function printView(){
var preview = new mxPrintPreview(graph,1);//将graph生成1页预览
preview.open();//在新窗口中打开预览页
		}

*****************格叽格叽*******************************
这两个方法作为一个简单应用的例子,大家可以结合mxgraph的API,查找mxOutline,mxPrintPreview来具体学习。
分享到:
评论

相关推荐

    mxgraph之保存图片

    NULL 博文链接:https://lynnlysh.iteye.com/blog/1290007

    mxGraph JS 绘图组件

    mxGraph 是一个 JS 绘图组件适用于需要在网页中设计/编辑 ... 程图、图表、网络图和普通图形的 Web 应用程序。mxgraph 下载包中包括用  javescript 写的前端程序,也包括多个和后端程序(java/C#等等)集成的例  子。

    mxgraph.MXGRAPH..MXGRAPH..

    MXGRAPH通常指的是一个开源的JavaScript图形库,用于创建可交互的图表和流程图,但它与音乐文件无关。如果您需要关于MXGRAPH的详细信息,我可以提供如下内容: MXGRAPH是一个强大的图形编辑框架,主要用于创建富...

    mxGraph图形嵌入开发

    mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。mxgraph下载包中包括用javescript写的前端程序,也包括多个和后端程序(java/C#等等)集成的例子。以下...

    mxGraph绘图插件

    总的来说,mxGraph是一个功能全面、易于集成的JavaScript绘图库,无论你是想要构建一个简单的流程图应用还是一个复杂的图形编辑工具,它都能提供必要的工具和支持。通过深入理解和熟练掌握mxGraph,你可以在Web应用...

    mxgraph.zip

    mxGraph是一款强大的JavaScript库,专用于创建交互式图形应用程序,如流程图、拓扑图和其他可视化图表。在本文中,我们将深入探讨mxgraph.js的核心功能、Node API的使用以及如何结合XML文件进行数据解析和图形展示。...

    mxgraph 之 自定义双边框长方形(即:doubleRectangle)

    在IT领域,自定义图形是实现用户界面个性化和专业化的关键元素之一。`mxgraph` 是一个强大的JavaScript库,用于创建交互式图形应用程序。本文将深入探讨如何在`mxgraph` 中实现自定义的双边框长方形,也就是所谓的`...

    mxGraph插件,java代码xml导出成图片

    mxGraph是一款强大的JavaScript图形库,用于在Web应用中创建交互式和可自定义的图表、流程图和其他图形。它提供了一种直观的方式来处理图形编辑,包括拖放功能、形状库和丰富的API。在这个场景中,我们需要利用...

    mxgraph API和demo

    mxGraph是一款强大的JavaScript图形库,用于绘制和编辑流程图、组织结构图等复杂图表。它提供了丰富的API,使得开发者能够轻松地在Web应用中实现图形化界面。本文将深入探讨mxGraph API的核心概念以及如何通过示例...

    结合extjs + mxgraph 网络拓扑图的开发

    extJs 跟mxgraph一样都是一种前台框架,可以混着用,这个例子将结合extjs + mxgraph 做网络拓扑图。mxgraph是将html的页面元素当做一个容器(container),并在此容器中画图的,而extJs也是将此容器包装成一个window...

    mxgraph的学习笔记

    MXGraph中提供了子图和Drill-Down功能,可以将复杂的图形分解成多个小的子图,方便用户浏览和操作。 层次和过滤 MXGraph中提供了层次和过滤功能,可以对图形元素进行层次化和过滤,方便用户浏览和操作。 常见变量...

    mxgraph1.02WEB图形设计

    "mxgraph1.02WEB图形设计"是一个基于EXTJS扩展的开源图形设计工具,主要用于构建Web环境下的流程图和其他图表。这个工具的核心是mxGraph库,它提供了一套强大的JavaScript API,允许开发者在Web浏览器中创建、编辑和...

    mxGraph流程图js包

    总的来说,mxGraph是一个强大的工具,适合需要在Web应用中实现图形编辑和流程图展示的场景。通过熟练掌握mxGraph,开发者可以创建出功能丰富、用户友好的图形界面,提高业务流程的可视化和效率。

    mxgraph_mxgraph_slow3ya_绘图工具_mxclient_

    mxgraph是一个强大的JavaScript图形库,主要用于创建交互式图表和绘图工具。它的核心功能是提供一个灵活的、可自定义的平台,使得开发者能够轻松构建流程图、UML图、网络拓扑图等可视化应用程序。在"mxgraph_mxgraph...

    mxGraph的一些例子

    - **流程图设计**:mxGraph可用于创建和编辑流程图,帮助企业描述工作流程、系统架构等。 - **UML建模**:它可以用于快速构建和展示UML类图、序列图等。 - **网络拓扑图**:在IT领域,mxGraph可用于描绘网络设备...

    基于mxGraph来做的一款web的绘制流程图的javascript库工具mxGraph_gpx.zip

    mxGraph是一款强大的JavaScript库,专为在Web上创建和编辑图形和流程图而设计。它提供了丰富的功能,允许用户通过简单易用的API构建复杂的图形界面。基于mxGraph的工具通常用于业务流程建模、软件设计、网络架构可视...

    mxgraph demo

    `mxGraph` 是一个强大的JavaScript库,专为创建交互式图形界面而设计,特别是在前端开发中用于构建图表、流程图和其他图形表示。它在`jgraph`的基础上发展,提供了丰富的API和功能,使得开发者能够轻松地实现自定义...

    mxgraph流程图绘制

    Based on the latest web technologies, mxGraph is the ultimate component for drawing diagrams in a browser. Using open standards, mxGraph does not depend on any third-party plugins and proprietary ...

    mxGraph:在HTML页面中制作流程图的JS插件

    mxGraph是一款强大的JavaScript库,专为在Web应用中创建交互式和可编辑的图形界面而设计,特别是用于绘制流程图、组织结构图、网络拓扑图等。它以其丰富的功能集、灵活性和高性能而在IT领域受到广泛欢迎。下面将详细...

    mxgraph Demo汉化(简单实例)

    mxgraph 是一个强大的JavaScript图形库,它允许开发者创建交互式图表、流程图和其他图形界面。这个"mxgraph Demo汉化(简单实例)"是专为初学者设计的,旨在帮助那些想要了解或深入学习mxgraph的朋友们提供一个中文...

Global site tag (gtag.js) - Google Analytics