canvacard

Canvacard

Potente herramienta de manipulación de imágenes para manipular imágenes fácilmente.

Installation

$ npm i canvacard

Features

• Súper simple y fácil de usar 😎
• Más rápido que canvacard v6 🚀
• ¿Más de 50 métodos ...? ¡Hurra! 🎉
• Construido sobre un lienzo de nodos y sin tonterías involucradas 🔥
• Orientado a objetos 💻
• Apto para principiantes 🤓
• Soporta emojis 😀

Ejemplos

Rank Card

const canvacard = require("canvacard");
const img = "https://cdn.discordapp.com/embed/avatars/0.png";
const background = "https://i.imgur.com/ulr1KDT.png";

const userData = getDataSomehow();

const rank = new canvacard.Rank()
    .setAvatar(img)
    .setBackground('IMAGE', background)
    .setCurrentXP(userData.xp)
    .setRequiredXP(userData.requiredXP)
    .setRank(userData.rank)
    .setRankColor("#FFFFFF")
    .setLevel(userData.level)
    .setLevelColor("#FFFFFF")
    .setStatus("online", true)
    .setCustomStatusColor("#23272A")
    .setOverlay("#23272A", 1 || 0, true)
    .setProgressBar(["#FF0000", "#0000FF"], "GRADIENT")
    .setProgressBarTrack("#000000")
    .setUsername("SrGobi")
    .setDiscriminator("0001");
    .renderEmojis(true)

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

Preview

Welcomer Card

const canvacard = require("canvacard");
const img = "https://cdn.discordapp.com/embed/avatars/0.png";
const background = "https://i.imgur.com/ulr1KDT.png";

const welcomer = new canvacard.Welcomer()
    .setAvatar(img)
    .setBackground('IMAGE', background)
    .setTitulo("WELCOME")
    .setSubtitulo("Subtitulo personalizable!")
    .setTitulo("Titulo personalizable!")
    .setSubtitulo("Subtitulo personalizable!")
    .setColorTitulo("#FFFFFF");
    .setColorSubtitulo("#5865f2");
    .setColorCircle("#FFFFFF");
    .setColorBorder("#000000");
    .setOpacityBorder("0.4");

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

Preview

Otros ejemplos

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

client.on("ready", () => {
    console.log("¡Estoy en línea!");
});

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

client.login("Tu_Bot_Token_aqui");

Nota

⚠ | Para usar Canvacard#Welcomer/Canvacard#Leaver/Canvacard#CaptchaGen, es posible que deba instalar paquetes como discord-canvascardcard & captcha-canvas.