2.1.40 • Published 3 years ago

ch2-paper-of-painter v2.1.40

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

阅卷打分批改组件 paper-of-painter

安装

yarn add http://git.fastoa.co/sharebravery/paper-of-painter.git

if use pnpm

no installed pnpm and you can

yarn global add pnpm

install packages

pnpm add ch2-paper-of-painter

if use yarn

yarn add ch2-paper-of-painter

本地开发

本项目运行 yarn link

使用项目运行 yarn link paper-of-painter

打包安装

open

"declaration": true,
"declarationDir": "./lib/types",

$ yarn build

$ 使用的项目: yarn add http://git.fastoa.co/sharebravery/paper-of-painter.git

$ close type

更新依赖包

$ yarn upgrade-interactive --latest

use ch2-paper-of-painter

import component and style

<script lang="ts" setup>
    import { Ch2PaperOfPainter } from 'ch2-paper-of-painter';
    import 'ch2-paper-of-painter/lib/style.css';
</script>

<template>
    <Ch2PaperOfPainter style="width: 800px; height: 700px" />
</template>

use config

<script lang="ts" setup>
    import { Ch2PaperOfPainter } from 'ch2-paper-of-painter';
    import 'ch2-paper-of-painter/lib/style.css';
    import { DesignData ,IOptions,Brush} from 'ch2-paper-of-painter/lib/types/packages/PaperOfPainter/type'; // 注意这是类型文件的路径
    // 导入图片 import tickImg from "./assets/tick.svg";


    const designData = ref<DesignData>([]) // 使用v-model:designData或者@update:designData 用一个就够了

    const options:IOptions = {
        scale: 0.9 ,
        bgImgUrl:
      "http://imgupload3.youboy.com/imagestore20150819dfffeaad-52f8-41bd-b49b-93ee57b5c966.jpg",
            };

    function update(designData:DesignData){
        console.log(designData)
    }

</script>

<template>
    <Ch2PaperOfPainter style="width: 800px; height: 700px" @update:designData="update" :options="options"  />
<!-- <Ch2PaperOfPainter style="width: 800px; height: 700px" v-model:designData="designData" :options="options" /> -->

</template>

ch2-paper-of-painter props

PropertyDescriptionTypeDefault
designData可选 可以双向绑定拿到数据(或者通过 update 事件拿到数据)DesignData
brush笔刷Brush{color: "red", size: 3, mode: "draw"}
options配置项IOptions{scale: 1, offset: 10, bgImgUrl:"http://imgupload3.youboy.com/imagestore20150819dfffeaad-52f8-41bd-b49b-93ee57b5c966.jpg", ...new Config(),}

events

Events NameDescriptionArguments
actionChange操作改变function(action:ToolType, designData:DesignData)
toolChange工具改变function(tool:ToolType, designData:DesignData)
update:designData数据改变function(designData:DesignData,currentData:PaintDesign)
rePainting重绘 通过 ref 调用
2.1.40

3 years ago

2.1.39

3 years ago

2.1.37

3 years ago

2.1.34

3 years ago

1.3.10

3 years ago

1.3.13

3 years ago

2.0.1

3 years ago

2.1.9

3 years ago

2.1.16

3 years ago

2.1.17

3 years ago

2.1.14

3 years ago

2.1.15

3 years ago

2.1.12

3 years ago

2.1.13

3 years ago

2.1.10

3 years ago

1.3.9

3 years ago

2.1.18

3 years ago

2.1.19

3 years ago

2.1.27

3 years ago

2.1.28

3 years ago

2.1.1

3 years ago

2.1.25

3 years ago

2.1.4

3 years ago

2.1.3

3 years ago

2.1.24

3 years ago

2.1.5

3 years ago

2.1.8

3 years ago

2.1.22

3 years ago

2.1.20

3 years ago

2.1.29

3 years ago

2.1.30

3 years ago

2.1.31

3 years ago

1.3.8

3 years ago

1.3.7

3 years ago

1.3.6

3 years ago

1.3.5

3 years ago

1.3.4

3 years ago

1.3.3

3 years ago

1.3.2

3 years ago

1.3.1

3 years ago

1.3.0

3 years ago

1.2.9

3 years ago

1.2.8

3 years ago

1.2.7

3 years ago

1.2.6

3 years ago

1.2.5

3 years ago

1.2.4

3 years ago

1.2.3

3 years ago

1.2.2

3 years ago

1.2.1

3 years ago

1.2.0

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago