dumcanvas

3.1.0 • Public • Published

Canvacord

Canvacord is a wrapper for canvas & jimp which can be used to create/manipulate images easily. This package is meant for beginners who don't know how to use canvas & stuffs.

⚠ This package is not recommended to you if you know how to use canvas/other image manipulation tools.

Installing

npm i --save canvacord

Features

  • Beginner friendly
  • Supports Buffer or image url
  • Super fast image manipulation
  • Welcomer and leaver images
  • Rank card
  • and more...

Limitations

  • You can only create stuffs using the mentioned functions.
  • You cannot create super-fancy things
  • If you want to go deeper, you must learn canvas

Methods

All The Methods are listed here

Example

 
const Canvacord = require("canvacord");
const canva = new Canvacord();
 
async function create() {
    let img = await canva.trigger("./image.png");
    canva.write(img, "triggered.gif");
 
    let color = await canva.color("#4E5D94");
    canva.write(color, "color.png");
}
 
create();
 

Discord.js Example

const Discord = require("discord.js");
const client = new Discord.Client();
const Canvacord = require("canvacord");
const canva = new Canvacord();
 
client.on("ready", () => {
    console.log("I'm online!");
});
 
client.on("message", async (message) => {
    if (message.author.bot) return;
    if (message.content === "!trigger") {
        let avatar = message.author.displayAvatarURL({ dynamic: false, format: 'png' });
        let image = await canva.trigger(avatar);
        let attachment = new Discord.MessageAttachment(image, "triggered.gif");
        return message.channel.send(attachment);
    }
    if (message.content === "!delete") {
        let avatar = message.author.displayAvatarURL({ dynamic: false, format: 'png' });
        let image = await canva.delete(avatar);
        let attachment = new Discord.MessageAttachment(image, "deleted.png");
        return message.channel.send(attachment);
    }
    if (message.content === "!rank") {
        let rank = getRankSomehow();
        let image = await canva.rank({ 
            username, 
            discrim, 
            level: rank.level, 
            rank: rank.rank, 
            neededXP: rank.neededXP, 
            currentXP: rank.currentXP, 
            avatarURL: message.author.displayAvatarURL({ format: "png" }), 
            color: "white", 
            background: "https://link-to/superDuperBackground"
        });
        let attachment = new Discord.MessageAttachment(image, "rank.png");
        return message.channel.send(attachment);
    }
});
 
client.login("Your_Bot_Token_here");
 

Documentation

https://canvacord.snowflakedev.xyz

Preview

image

Change My Mind

img

Rank Cards

Default

img

Custom Background & Color

img

Custom Background & No Overlay

img

Custom Background

img

Custom Background, Color & No Overlay

img

Custom Color

img

Triggered

img

Color

img

Read the docs for more endpoints

Join Our Discord Server

discord.gg/uqB8kxh

Package Sidebar

Install

npm i dumcanvas

Weekly Downloads

1

Version

3.1.0

License

ISC

Unpacked Size

3.5 MB

Total Files

41

Last publish

Collaborators

  • isadie