[中文](./README.md)

<h1 align="center">CRender</h1>

<p align="center">
    <a href="https://travis-ci.com/DataV-Team/CRender"><img src="https://img.shields.io/travis/com/DataV-Team/CRender" alt="Travis CI"></a>
    <a href="https://github.com/DataV-Team/CRender/blob/master/LICENSE"><img src="https://img.shields.io/github/license/DataV-Team/CRender.svg" alt="LICENSE" /> </a>
    <a href="https://www.npmjs.com/package/@jiaminghi/c-render"><img src="https://img.shields.io/npm/v/@jiaminghi/c-render.svg" alt="LICENSE" /> </a>
</p>

### What is CRender?

- It's a **vector** graphics rendering plugin based on **canvas**.
- It provides **animation** and mouse **event** support for graphics.

### Install with npm

```shell
$ npm install @jiaminghi/c-render
```

### Quick experience

```html
<!--Debug version-->
<script src="https://unpkg.com/@jiaminghi/c-render/dist/index.js"></script>
<!--Compression version-->
<script src="https://unpkg.com/@jiaminghi/c-render/dist/index.min.js"></script>
<script>
  const { CRender, extendNewGraph } = window.CRender
  // do something
</script>
```

Detailed documents and examples can be viewed on the [HomePage](http://crender.jiaminghi.com/EN/).