0a5f6a8047
- Go backend (server/)
- Frontend (web/, server/static/)
- Database and deployment files
- Scripts and docs
Co-Authored-By: 狸花猫/Claude-Qwen3.6-Plus 🐾
55 lines
1.4 KiB
Markdown
55 lines
1.4 KiB
Markdown
English | [简体中文](./README-zh_CN.md)
|
|
|
|
# g-canvas
|
|
|
|
[](https://travis-ci.org/antvis/g)
|
|
|
|
|
|
|
|
[](https://www.npmjs.com/package/@antv/g-canavs)
|
|
[](https://npmjs.org/package/@antv/g-canvas)
|
|
[](http://isitmaintained.com/project/antvis/g 'Percentage of issues still open')
|
|
|
|
- A canvas library which providing 2d draw for AntV.
|
|
|
|
## ✨ Features
|
|
|
|
- Powerful and scalable rendering capability with built-in basic Graphics.
|
|
- Excellent rendering performance and supports visualization scenarios with large amounts of data.
|
|
- Complete simulation of browser DOM events, and no difference from native events.
|
|
- Smooth animation implementation and rich configuration interfaces.
|
|
|
|
## 📦 Install
|
|
|
|
```bash
|
|
$ npm install @antv/g-canvas --save
|
|
```
|
|
|
|
## 🔨 Usage
|
|
|
|
```html
|
|
<div id="c1"></div>
|
|
```
|
|
|
|
```js
|
|
import { Canvas } from '@antv/g-canvas';
|
|
|
|
const canvas = new Canvas({
|
|
container: 'c1',
|
|
width: 500,
|
|
height: 500,
|
|
});
|
|
|
|
const group = canvas.addGroup();
|
|
group.addShape('circle', {
|
|
attrs: {
|
|
x: 100,
|
|
y: 100,
|
|
r: 50,
|
|
fill: 'red',
|
|
stroke: 'blue',
|
|
lineWidth: 5,
|
|
},
|
|
});
|
|
```
|