@antv/g-svg

English | 简体中文

g-svg

• A svg 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

$ npm install @antv/g-svg --save

🔨 Usage

<div id="c1"></div>

import { Canvas } from '@antv/g-svg';

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,
  },
});