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

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.

Keywords

FAQs

What is @nottca/canvacord?

Is @nottca/canvacord popular?

Is @nottca/canvacord well maintained?

Last updated on 29 Nov 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install