Skip to content

OceanPresentChao/Peintre

Repository files navigation

Peintre

一个开箱即用的可配置的轻量级Vue3画板组件。支持多图层、压感

English | 简体中文

特性

  1. 多图层 √
  2. 可切换画笔颜色、大小 √
  3. 图形工具 √
  4. 压感支持 √
  5. 触屏设备良好支持 √
  6. 图层拖拽摆放 √
  7. 滚轮修改画笔大小,光标大小随画笔变化 √
  8. 撤销操作 √

Live Demo

Demo

Installation

With npm

npm i -S peintre

Usage

import {Painter} from "peintre"

<Painter :pressure="false" :width="800" :height="600" :maxLine="500" :minLine="1"></Painter>

Props

Attribute Description Type Default
width canvas width number 800
height canvas height number 600
maxLine max context linewidth number 500
minLine min context linewidth number 1
pressure whether support pressure or not boolean false
lang Language string "zh" | "en"

开发博客

Peintre开发日志

About

A configurable canvas painter component for Vue3

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published