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

    Install

    npm i dumcanvas

    DownloadsWeekly Downloads

    24

    Version

    3.1.0

    License

    ISC

    Unpacked Size

    3.5 MB

    Total Files

    41

    Last publish

    Collaborators

    • isadie