# @okeev/render

> a fast lightweight 2d graphic library

Latest version **1.0.0** (published 2022-05-23) · ISC license · 0 weekly downloads

## Install

```sh
npm install @okeev/render
pnpm add @okeev/render
yarn add @okeev/render
bun add @okeev/render
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2022-05-23 |
| First published | 2022-05-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 516.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | liwensheng |
| Maintainers | leewensheng, bytednpm |

## Links

- npm: https://www.npmjs.com/package/@okeev/render
- Homepage: https://github.com/oceanengine/okeevis-render
- npm.io page: https://npm.io/package/@okeev/render

## Dependencies (6)

- [color](https://npm.io/package/color.md) 3.1.3
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [gl-matrix](https://npm.io/package/gl-matrix.md) 3.3.0
- [normalize-wheel](https://npm.io/package/normalize-wheel.md) 1.0.1
- [@egjs/list-differ](https://npm.io/package/@egjs/list-differ.md) 1.0.0
- [throttle-debounce](https://npm.io/package/throttle-debounce.md) ^3.0.1

## Recent versions

- 1.0.0 (latest) — 2022-05-23
- 0.1.0 — 2022-05-23

## README

# OKee Render

<p align="center">A fast lightweight 2D graphic library</p>
<p align="center">
    <img src="https://img.shields.io/npm/v/@okeev/render" alt="npm version" />
    <img src="https://img.shields.io/badge/language-typescript-red.svg" />
    <img src="https://img.shields.io/bundlephobia/min/@okeev/render" alt="min size" />
</p>

English | [简体中文](./README_CN.md)

## Features

* Both svg and canvas renderer support with same API
* Good performance with large amount of data
* Cross platform suppprt with web、node、mini-program
* Support interpolation animation, and path animation 
* Support start and end arrows on path
* Virutal dom update with transition animation
* Rich-text component

## Install
> npm install @okeev/render

### Usage
```html
<div id="container" style="width: 600px;height: 480px"></div>
```

```js
import { Render, Rect } from '@okeev/render'

const or = new Render(document.getElementById('container'))

or.add(new Rect({
  x: 0,
  y: 0,
  width: 100,
  height: 100,
  fill: 'red'
}))
```

## License

MIT licensed

---
_Source: https://npm.io/package/@okeev/render · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._