https://github.com/mezotv/canvabase

An easy to use yet powerful image manipulation library.
https://github.com/mezotv/canvabase

canvas canvas-2d-context canvas-api discord discord-welcomer hacktoberfest

Last synced: about 1 month ago
JSON representation

An easy to use yet powerful image manipulation library.

• Host: GitHub
• URL: https://github.com/mezotv/canvabase
• Owner: mezotv
• License: mit
• Created: 2023-01-07T15:53:05.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-12T16:12:02.000Z (8 months ago)
• Last Synced: 2024-05-01T18:36:19.197Z (8 months ago)
• Topics: canvas, canvas-2d-context, canvas-api, discord, discord-welcomer, hacktoberfest
• Language: JavaScript
• Homepage: http://canvabase.js.org/
• Size: 5.15 MB
• Stars: 6
• Watchers: 0
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Canvabase

Canvabase is a simple and easy-to-use yet powerful image manipulation library. Canvabase is built on top of [@napi-rs/canvas](https://www.npmjs.com/package/@napi-rs/canvas) to ensure fast image-building speeds. Check out my other projects [here](https://wouldyoubot.gg)

[![install size](https://packagephobia.com/badge?p=canvabase)](https://packagephobia.com/result?p=canvabase)

[![Downloads](https://img.shields.io/npm/dm/canvabase?sanitize=true)](https://npmcharts.com/compare/canvabase?minimal=true)

[![CodeFactor](https://www.codefactor.io/repository/github/mezotv/canvabase/badge)](https://www.codefactor.io/repository/github/mezotv/canvabase)

## Installation

Installing Canvabase

```bash

$ npm install canvabase

```

## Usage

```js

const canvabase = require("canvabase");

const welcomer = new canvabase.Welcomer()

  .setName("Dominik")

  .setTitle("Welcome!")

  //.addBackgrounds(["https://wallpapercave.com/wp/wp5128415.jpg", "https://wallpapercave.com/wp/wp11735586.jpg"])

  .addBackground("https://wallpapercave.com/wp/wp5128415.jpg")

  .setAvatar(

    "https://cdn.discordapp.com/avatars/347077478726238228/3b77f755fa8e66fd75d1e2d3fb8b1611.png?size=512",

    "rounded"

  )

  .setPosition("left")

  .setColor("#ffff");

welcomer.build().then((img) => {

  canvabase.write("./test/welcomercard.png", img);

});

```

### Output

![WelcomeCard](https://cdn.discordapp.com/attachments/624285531580399650/1076665956241260605/welcomercard.png)

## Features

- Object Oriented

- Fully documented

- Unique Features

- Easy to customize

- Utilizes @napi-rs/canvas