0.0.2 • Published 1 year ago
peintre v0.0.2
Peintre2
一个开箱即用的可配置的轻量级Vue3画板组件。支持多图层、多工具、选择变形图形
特性
- 多图层 √
- 可切换画笔颜色、大小 √
- 图形工具 √
- 图层拖拽摆放 √
- 拖拽画布 √
- 撤销、重做操作 √
- 保存图形 √
- 选择、变形图形 √
- 两种工具栏样式可选 √
Live Demo
Installation
With npm
npm i peintre
pnpm add peintre
Usage
import Painter from "peintre"
import 'peintre/dist/style.css'
<Painter mode="side" :width="800" :height="600" :maxLine="100" :minLine="1"/>
Props
Attribute | Description | Type | Default | |
---|---|---|---|---|
width | canvas width | number | 800 | |
height | canvas height | number | 600 | |
maxLine | max context line width | number | 100 | |
minLine | min context line width | number | 1 | |
mode | mode of tool bar | 'side' | 'float' | 'side' |