Yuri-Canvas

yuricanvas 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 yuri-canvas

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 yuricanvas = require("yuri-canvas");

async function create() {
    let img = await yuricanvas.trigger("./image.png");
    yuricanvas.write(img, "triggered.gif");

    let color = await yuricanvas.color("#4E5D94");
    yuricanvas.write(color, "color.png");
}

create();

Discord.js Example

const Discord = require("discord.js");
const client = new Discord.Client();
const yuricanvas = require("yuri-canvas");

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 yuricanvas.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 yuricanvas.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 yuricanvas.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

Change My Mind

Rank Cards

Default

Custom Background & Color

Custom Background & No Overlay

Custom Background

Custom Background, Color & No Overlay

Custom Color

Triggered

Color

Read the docs for more endpoints

Join Our Discord Server

discord.gg/crnmuSD