Package Exports

canvacard
canvacard/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (canvacard) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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

RankCard

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

WelcomerCard

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.