m-vue-draw v0.0.5

Vue3 画板

使用

import { createApp } from 'vue';
import MVueDraw from 'm-vue-draw';
import App from './App.vue';

createApp(App).use(MVueDraw).mount('#app');

<m-vue-draw></m-vue-draw>

属性

width: { type: Number, default: null }, //画布宽度
height: { type: Number, default: null }, //画布高度
backgroundColor: { type: String, default: '' }, //画布背景颜色
language: { type: Object, default: () => ({}) }, //语言
defaultColor: { type: String, default: '#000000' }, //默认颜色
defaultBorder: { type: Number, default: 2 }, //默认边线宽度
defaultFontSize: { type: Number, default: 16 } //默认字体大小
baseType: { type: String as PropType<'default' | 'tertiary' | 'primary' | 'info' | 'success' | 'warning' | 'error'>, default: 'primary' } //基础按钮类型

事件

change(data: Object) //画布改变事件