# canvas-event

**Repository Path**: zrw_git/canvas-event

## Basic Information

- **Project Name**: canvas-event
- **Description**: 给 canvas 添加事件支持
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://serch.gitee.io/canvas-event/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-01-06
- **Last Updated**: 2022-01-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### canvas-event

由于 canvas 暂未有内部事件的 api，而想要得到 MouseDown 等鼠标事件的效果，则需要相应的类库支持，找了很久，最终选择了本案例所使用的 omg 类库

### 想要的效果

需要一张 image 作为背景图，在其上有相应点位的坐标，而我需要从后端获取所有圆点的坐标，并填充到 image 上。

### 案例

1.  案例实现了动态添加圆点（点击添加圆点按钮，然后点击画布即可添加）、移除圆点（点击圆点，然后点击删除圆点）。
2.  圆点的鼠标移入（显示圆点数据）、移出（显示圆点数据）、点击事件（点击后显示 bootstrap 的 model）。
3.  禁用了全局拖拽（点击全局拖拽可关闭、开启），开启了缩放，点击缩放还原可还原缩放效果。

### omg

GitHub 地址： https://github.com/PengJiyuan/omg  
官方案例： https://omg.js.org

### omg-v3.1.4

案例基于 omg-v4.0.0

### LICENSE

[MIT](LICENSE)