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

本文介绍如何使用mxGraph库实现图表的小图预览和打印预览功能。通过添加简单的JavaScript代码,可以快速为mxGraph图表增加预览模块。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

增添小图预览:

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来具体学习。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值