English | 简体中文
- A powerful rendering engine for AntV implemented with Canvas2D / SVG / WebGL / WebGPU.
- 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.
- While providing Canvas and SVG version of implementation, and both of API basic consistent.
# Install Core
$ npm install @antv/g --save
# Canvas Renderer
$ npm install @antv/g-canvas --save
# SVG Renderer
$ npm install @antv/g-svg --save
# WebGL Renderer
$ npm install @antv/g-webgl --save
<div id="container"></div>
import { Circle, Canvas } from '@antv/g';
import { Renderer as CanvasRenderer } from '@antv/g-canvas';
// or
// import { Renderer as WebGLRenderer } from '@antv/g-webgl';
// import { Renderer as SVGRenderer } from '@antv/g-svg';
// create a canvas
const canvas = new Canvas({
container: 'container',
width: 500,
height: 500,
renderer: new CanvasRenderer(), // select a renderer
});
// create a circle
const circle = new Circle({
style: {
x: 100,
y: 100,
r: 50,
fill: 'red',
stroke: 'blue',
lineWidth: 5,
},
});
// append to canvas
canvas.appendChild(circle);
Start previewing site:
$ git clone [email protected]:antvis/g.git
$ cd g
$ yarn install
$ yarn start
Start a dev-server on root dir, eg. http-server
:
$ http-server -p 9090
Open api.html on localhost:9090/dev-docs/api.html
.
Build and run test cases:
$ yarn build
$ yarn test
dengfuping |
xiaoiver |
dxq613 |
dependabot-preview[bot] |
afc163 |
zhanba |
---|---|---|---|---|---|
limichange |
entronad |
hustcc |
simaQ |
zqlu |
Deturium |
Yanyan-Wang |
elaine1234 |
visiky |
baizn |
terence55 |
budlion |
luoxupan |
Leannechn |
This project follows the git-contributor spec, auto updated at Tue Dec 07 2021 10:00:16 GMT+0800
.