sv-print

一个使用 Svelte 构建的可视化打印设计器组件，基于 hiprint。

在线体验 | 项目介绍

简介

sv-print 是一个功能强大的可视化打印设计器组件，支持在 Vue、React、Angular、Svelte、jQuery 以及原生 HTML 项目中使用。

它源自开源项目 vue-plugin-hiprint，经过全面重构和升级，提供了更友好的 UI 交互、插件化架构以及更丰富的打印元素支持。

特性

• 🚀 多框架支持：支持 Vue、React、Angular、Svelte、jQuery 等项目的引入
• 🚀 常规编辑：复制、粘贴、删除、缩放、拖拽、旋转、对齐、吸附、锁定、解锁、撤销、重做、全选等
• ⭐️ 插件机制：支持插件化扩展更多打印元素（ECharts、Fabric 等）
• 🌈 拖拽设计：支持拖拽式模板设计、预览、打印、导出 PDF、导出图片
• ✨ 模板管理：支持自定义模板、导入/导出模板
• 🌈 数据绑定：支持数据源绑定、数据格式化、样式格式化

与 vue-plugin-hiprint 的关系

vue-plugin-hiprint 是早期为方便在 Vue 项目中使用 hiprint 而开发的 JS 插件库，UI 和交互需要自行实现。

sv-print 在此基础之上进行了全面升级：

• 重新设计了 UI 界面，开箱即用
• 引入插件化架构，方便扩展打印元素
• 优化了性能和交互体验
• 支持更多前端框架

为什么不开源sv-print

一直以来，vue-plugin-hiprint 的开源生态中出现了许多第三方衍生版本，但回馈到开源社区的 PR 却寥寥无几。所以sv-print放弃了开源的计划。

开源目录

/
├── plugins/ # 插件目录，存放开源的插件源码
│ ├──bwipjs/ # BWIP.js 插件
└── README.md # 项目介绍文档

关于插件

插件列表

创建一个插件工程：

npx create-sv-print-plugin init

本项目开源协议

本项目基于 Apache License 2.0 协议开源。

相关链接

• 在线体验：https://www.ibujian.cn/sv-print
• 项目介绍：https://www.ibujian.cn/svp/
• vue-plugin-hiprint：https://github.com/CcSimple/vue-plugin-hiprint