# vue-Konva-demo

**Repository Path**: logicjwell/vue-konva-demo

## Basic Information

- **Project Name**: vue-Konva-demo
- **Description**: 使用vue实现Konva.js功能
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2024-11-04
- **Last Updated**: 2024-11-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-Konva-demo

#### 使用组件

（都是当前时间最新版）

[konva(7.1.4)](https://konvajs.org/)

```
npm install konva
```

[Element(2.13.2)](https://element.eleme.cn/#/zh-CN/component/installation)

```
npm i element-ui -S
```

[vue-konva(2.1.6)](https://gitee.com/mirrors_konvajs/vue-konva?_from=gitee_search)

```
npm install vue-konva konva --save
```

#### 项目相关

1. 本项目网络部署地址[http://yangyushu.gitee.io/vue-konva-demo](http://yangyushu.gitee.io/vue-konva-demo)
1. 本项目只使用了 [konvajs](https://konvajs.org/) ，没有使用`vue-konva`
1. 本项目引用了`vue-konva`，目前并没有使用，之后会做`vue-konva`相关内容
1. 本项目页面根据`konvajs`的官网讲解顺序 [https://konvajs.org/docs/](https://konvajs.org/docs/) 制作

#### 更新记录

###### 2022 年 4 月 23 日

- 增加示例模块 生成背景图片功能
- 上传图片做背景
- 上传文字
- 下载拼接后图片

###### 2020 年 11 月 7 日

- 使用本地图片做过滤器资源
- 完成过滤器模块
- 完成补间模块
- 完成动画模块
- 完成序列化模块
- 完成性能优化模块

###### 2020 年 11 月 3 日

- 完成裁剪模块

###### 2020 年 11 月 2 日

- 完成选择变形模块

###### 2020 年 11 月 1 日

- 完成监听事件模块
- 完成拖放事件模块
- 完成部分选择变形模块

###### 2020 年 10 月 31 日

- 完成基础图形模块
- 完成定位偏移模块
- 完成样式改变模块
- Gitee Pages 部署
- 页面内文本不能被选中