2 Star 26 Fork 5

xachary/konva-designer-sample

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
contribute
Sync branch
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README

使用 Konva 实现一个设计器交互

示例地址

欢迎大家来看看:

CSDN

稀土掘金

博客园

image

2

3

3

3

1

1

3

1

2

3

4

1

2

3

5

1

2

3

17f9d43d5b5a450288dcd834416ec412

chrome_Gw4M1vdxYN

chrome_R45lPum9dU

1

image

image

1

2

功能点

  • 无限画布(√)
  • 画布拖拽(√)
  • 缩放(√)
  • 画布网格(√)
  • 比例尺(√)
  • 坐标参考线(√)
  • 把素材从左侧面板拖入设计区域(√)
  • 鼠标、键盘移动节点(√)
  • 鼠标、键盘单选、多选节点(√)
  • 放大缩小所选的“磁贴效果”(基于网格)(√)
  • 拖动所选的“磁贴效果”(基于网格)(√)
  • 复制、粘贴、删除(√)
  • 画布归位(√)
  • 层次调整(√)
  • 右键菜单(√)
  • 导出、导入(√)
  • 实时预览窗(√)
  • 对齐效果(√)
  • 连接线(√)

更多功能

如果 Star 能超过 50 个(望多多支持),将很快更新

  • 想一想
  • 等等。。。

Empty file

About

前端使用 Konva 实现可视化设计器 expand collapse
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/xachary/konva-designer-sample.git
git@gitee.com:xachary/konva-designer-sample.git
xachary
konva-designer-sample
konva-designer-sample
master

Search