Have ideas to improve npm?Join in the discussion! »

@antv/g-canvasTypeScript icon, indicating that this package has built-in type declarations

0.5.6 • Public • Published

English | 简体中文

g-canvas

npm package npm downloads 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

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

🔨 Usage

<div id="c1"></div>
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,
  },
});

Keywords

Install

npm i @antv/g-canvas

DownloadsWeekly Downloads

27,814

Version

0.5.6

License

ISC

Unpacked Size

1.6 MB

Total Files

221

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar