# open-sv-print

**Repository Path**: CcSimple/open-sv-print

## Basic Information

- **Project Name**: open-sv-print
- **Description**: sv-print 是一个使用 Svelte 构建的打印设计器组件（基于 hiprint）。它也可以用于其他UI库/框架，如 React、Vue 和 Angular。当然也可在原生 html, jQuery 项目中使用。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-29
- **Last Updated**: 2026-06-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Print, print-designer

## README

# sv-print

> 一个使用 [Svelte](https://svelte.dev/) 构建的可视化打印设计器组件，基于 [hiprint](http://hiprint.io/)。

[在线体验](https://www.ibujian.cn/sv-print) | [项目介绍](https://www.ibujian.cn/svp/)

## 简介

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

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

## 特性

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

## 与 vue-plugin-hiprint 的关系

[vue-plugin-hiprint](https://github.com/CcSimple/vue-plugin-hiprint) 是早期为方便在 Vue 项目中使用 hiprint 而开发的 JS 插件库，UI 和交互需要自行实现。

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

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

## 为什么不开源sv-print

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

## 开源目录

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

## 关于插件

[插件列表](https://www.ibujian.cn/svp/plugin/a01.html)

创建一个插件工程：

```bash
npx create-sv-print-plugin init
```

## 本项目开源协议

本项目基于 [Apache License 2.0](./LICENSE) 协议开源。

## 相关链接

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