# cross-end-canvas

> 提供跨端的canvas画笔，保持一致的绘图方法和效果，包括普通的web端、uniapp框架、微信小程序等小程序等。

Latest version **0.2.0** (published 2022-03-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install cross-end-canvas
pnpm add cross-end-canvas
yarn add cross-end-canvas
bun add cross-end-canvas
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.0 |
| Published | 2022-03-22 |
| First published | 2021-08-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 733.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | 你好2007 |
| Maintainers | hai2007 |
| Keywords | cross-end, canvas, image2d |

## Links

- npm: https://www.npmjs.com/package/cross-end-canvas
- Repository: https://github.com/hai2007/cross-end-canvas
- Homepage: https://hai2007.github.io/cross-end-canvas
- Issues: https://github.com/hai2007/cross-end-canvas/issues
- npm.io page: https://npm.io/package/cross-end-canvas

## Dependencies (1)

- [@hai2007/tool](https://npm.io/package/@hai2007/tool.md) ^1.2.0

## Alternatives

- [exif-parser](https://npm.io/package/exif-parser.md) — 3.8M weekly downloads
- [vite-plugin-compression](https://npm.io/package/vite-plugin-compression.md) — 569.5K weekly downloads
- [pica](https://npm.io/package/pica.md) — 442.4K weekly downloads
- [@reportportal/client-javascript](https://npm.io/package/@reportportal/client-javascript.md) — 408.8K weekly downloads
- [@tldraw/state](https://npm.io/package/@tldraw/state.md) — 316.0K weekly downloads

## Recent versions

- 0.2.0 (latest) — 2022-03-22
- 0.1.0-alpha.7 (alpha) — 2021-08-17
- 0.1.1 — 2021-08-24
- 0.1.0 — 2021-08-17
- 0.1.0-alpha.6 — 2021-08-17
- 0.1.0-alpha.5 — 2021-08-17
- 0.1.0-alpha.4 — 2021-08-17
- 0.1.0-alpha.3 — 2021-08-17
- 0.1.0-alpha.2 — 2021-08-17
- 0.1.0-alpha.1 — 2021-08-17
- 0.1.0-alpha.0 — 2021-08-17

## README

# [cross-end-canvas](https://hai2007.github.io/cross-end-canvas)
提供跨端的canvas画笔，保持一致的绘图方法和效果，包括普通的web端、uniapp框架、微信小程序等小程序等。

<p align="center">
  <a href="https://hai2007.gitee.io/npm-downloads?interval=7&packages=cross-end-canvas"><img src="https://img.shields.io/npm/dm/cross-end-canvas.svg" alt="downloads"></a>
  <a href="https://packagephobia.now.sh/result?p=cross-end-canvas"><img src="https://packagephobia.now.sh/badge?p=cross-end-canvas" alt="install size"></a>
  <a href="https://www.jsdelivr.com/package/npm/cross-end-canvas"><img src="https://data.jsdelivr.com/v1/package/npm/cross-end-canvas/badge" alt="CDN"></a>
  <a href="https://www.npmjs.com/package/cross-end-canvas"><img src="https://img.shields.io/npm/v/cross-end-canvas.svg" alt="Version"></a>
  <a href="https://github.com/hai2007/cross-end-canvas/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/cross-end-canvas.svg" alt="License"></a>
    <a href="https://github.com/hai2007/cross-end-canvas" target='_blank'><img alt="GitHub repo stars" src="https://img.shields.io/github/stars/hai2007/cross-end-canvas?style=social"></a>
</p>

## Issues
使用的时候遇到任何问题或有好的建议，请点击进入[issue](https://github.com/hai2007/cross-end-canvas/issues)！

## How to use?

如果是一个web项目，可以直接使用CDN的方式：

```html
<script src="https://cdn.jsdelivr.net/npm/cross-end-canvas@0"></script>
```

更多的时候，我们推荐使用npm的方式进行管理，安装：

```js
npm install cross-end-canvas
```

然后，就可以直接在需要使用的地方引入：

```js
import CrossEndCanvas from 'cross-end-canvas';
```

使用起来也很简单：

```js
CrossEndCanvas({
    id:string, // canvas的ID
    platform:string, // 平台，可选值： web|weixin|uni-app
    target:this, // weixin和unia-app需要配置，表示canvas所在的对象
}).then(function(painter){

    // 使用painter绘制即可

});
```

具体内容，你可以[查看文档](https://hai2007.github.io/cross-end-canvas)哦~

开源协议
---------------------------------------
[MIT](https://github.com/hai2007/cross-end-canvas/blob/master/LICENSE)

Copyright (c) 2021-2022 [hai2007](https://hai2007.gitee.io/sweethome/) 走一步，再走一步。

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