Skip to content

[WIP] Easily generate images on-the-fly with node.js using wide range of templates

License

Notifications You must be signed in to change notification settings

ToastedDev/canvacord

 
 

Repository files navigation

SWUbanner

Canvacord

Powerful image manipulation tool to manipulate images easily.

Installation

$ npm i canvacord

NPM

Features

  • Super simple and easy to use 😎
  • Faster than canvacord v4 🚀
  • More than 50 methods...? Yay! 🎉
  • Built on top of @napi-rs/canvas 🔥
  • Object oriented 💻
  • Beginner friendly 🤓
  • Supports emojis 😀

Documentation

https://canvacord.js.org

Join our Discord server

Examples

Rank Card

const canvacord = require("canvacord");
const img = "https://cdn.discordapp.com/embed/avatars/0.png";

const userData = getDataSomehow();

const rank = new canvacord.Rank()
  .setAvatar(img)
  .setCurrentXP(userData.xp)
  .setRequiredXP(userData.requiredXP)
  .setStatus("dnd")
  .setProgressBar("#FFFFFF", "COLOR")
  .setUsername("Snowflake")
  .setDiscriminator("0007");

rank.build().then((data) => {
  const attachment = new Discord.MessageAttachment(data, "RankCard.png");
  message.channel.send(attachment);
});

Preview

RankCard

Rank Card Variants

RankCard

RankCard

RankCard

Other Examples

const Discord = require("discord.js");
const client = new Discord.Client();
const canvacord = require("canvacord");

client.on("ready", () => {
  console.log("I'm online!");
});

client.on("message", async (message) => {
  if (message.author.bot) return;
  if (message.content === "!triggered") {
    let avatar = message.author.displayAvatarURL({
      dynamic: false,
      format: "png",
    });
    let image = await canvacord.Canvas.trigger(avatar);
    let attachment = new Discord.MessageAttachment(image, "triggered.gif");
    return message.channel.send(attachment);
  }
});

client.login("Your_Bot_Token_here");

Note

⚠ | In order to use Canvacord#Welcomer/Canvacord#Leaver/Canvacord#CaptchaGen, you may need to install packages like discord-canvas & captcha-canvas.

About

[WIP] Easily generate images on-the-fly with node.js using wide range of templates

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Languages

  • TypeScript 97.3%
  • JavaScript 2.7%