Git Product home page Git Product logo

canvacord's Introduction

Canvacord

Simple & easy to use image manipulation module.

Installing

npm i --save canvacord

Features

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

Functions

Functions 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.cf

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

canvacord's People

Contributors

twlite avatar dependabot-preview[bot] avatar zyrouge avatar hasethakuru avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.