一个开箱即用的可配置的轻量级Vue3画板组件。支持多图层、多工具、选择变形图形
English | 简体中文
- multi layers √
- change color and line width of tool √
- geometry tool such as line、rectangle、ellipse √
- draggable layers √
- grabbing context √
- undo、redo √
- save image √
- selecting and move、resize elements √
- optional tool bar mode √
npm i peintre
pnpm add peintreimport Painter from "peintre"
import 'peintre/dist/style.css'
<Painter mode="side" :width="800" :height="600" :maxLine="100" :minLine="1"></Painter>| 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' |