Kaop设计工具

最新推荐文章于 2024-07-23 14:51:29 发布

天蓝加点盐

最新推荐文章于 2024-07-23 14:51:29 发布

阅读量242

点赞数

分类专栏： Web打印控件 Kaop 文章标签：前端框架前端 linux windows javascript

本文链接：https://blog.csdn.net/m0_73370822/article/details/126920377

版权

Web打印控件 Kaop 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

Kaop设计工具

Kaop为开发者或终端用户提供了可视化设计工具，可以对当前打印任务进行调整或设计生成打印代码等。

打开设计工具

可以使用PrintJob的design()方法直接打开设计器，实例代码如下：

<script type="text/javascript">
	//1)创建打印任务
	var job = Kaop.createPrintJob("Simple Print Job");
	//2)打开设计器
	job.design();
</script>

设计工具使用介绍

设计工具界面截图
1、蓝色区域：设计工具的工具栏，相关的代码生成、导入、导出等按钮可在该区域找到。
2、（左）绿色区域：可用打印项选择区域，文本、图片、OFD、PDF、HTML、表格等打印项可在这里通过鼠标单击选中。
3、红色区域：为打印内容区域，当前的打印内容会在这展现，可进行位置、大小、选中等调整。
4、（右）绿色区域：当前选中打印项的属性编辑区域，可对当前打印项的属性进行设置。
5、紫色区域：当前打印内容的大纲，可快速定位打印项。