%20(2).svg)
项目简介
本项目名为vue - svg - board，是基于Vue框架开发的SVG画板插件。它为网页用户提供了便捷的绘图工具，可绘制直线和曲线，支持硬笔与荧光笔切换，能自由调整画笔颜色和线宽，具备橡皮擦除功能，且能自适应SVG大小，等比例适配不同屏幕。
项目的主要特性和功能
- 多样化绘图：支持绘制直线和曲线，提供硬笔与荧光笔两种画笔。
- 画笔自定义：可改变画笔颜色和粗细。
- 擦除功能：能对绘图内容进行对象擦除。
- 图片导出：可将画板内容转化为png格式的base84图片。
- 全局配置：支持开启贝塞尔曲线和requestAnimationFrame API。
- 其他功能：包含撤销、恢复、保存和读取SVG矢量数据到本地存储。
安装使用步骤
安装
假设用户已下载本项目的源码文件，使用该插件需先通过npm进行安装：
bash
npm install Vue vue - svg - board
使用
在Vue项目中引入并使用该插件，示例代码如下：
```html
```
全局配置
若要开启贝塞尔曲线和requestAnimationFrame API，可按以下操作：
javascript
import Vue from 'vue';
import SketchBoard from 'vue - svg - board';
Vue.use(SketchBoard, {
bezier: true,
ref: true,
})
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】