# canvason

> A canvas library for generating image from JSON query

Latest version **0.0.2** (published 2022-09-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install canvason
pnpm add canvason
yarn add canvason
bun add canvason
```

## Health

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

Positive: has types; no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2022-09-13 |
| First published | 2022-09-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 4.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | https://github.com/namosuke |
| Maintainers | namosuke |

## Links

- npm: https://www.npmjs.com/package/canvason
- Homepage: https://github.com/namosuke/canvason
- npm.io page: https://npm.io/package/canvason

## Recent versions

- 0.0.2 (latest) — 2022-09-13
- 0.0.1 — 2022-09-13

## README

# canvason

## Overview

JSON を引数にとり、画像を生成するライブラリです。  
開発中のため、まだ使用することはできません。

## Installation

```sh
yarn add canvason
```

## Usage

```ts
import { generateImage } from "canvason";

const query = {
  canvas: {
    w: 1980,
    h: 1080,
    layers: [
      {
        format: "png",
        src: "https://.../bg.png",
        x: 0,
        y: 0,
        w: 1920,
        h: 1080,
      },
      {
        format: "png",
        src: "https://.../stage_bg.png",
        x: 100,
        y: 100,
        w: 800,
        h: 450,
        masks: [
          {
            format: "rect",
            x: 100,
            y: 100,
            w: 800,
            h: 450,
            rounded: 40,
          },
        ],
      },
      {
        format: "otf",
        src: "https://.../font.otf",
        text: "Hello World",
        color: "#000000",
        size: 100,
        x: 100,
        y: 100,
      },
    ],
  },
};

const base64 = generateImage(query, { output: "base64" });
```

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