Package Exports

image-djs
image-djs/dist/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 (image-djs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

🎨 Image DJS

¡Un generador de imágenes para discord.js!

ADVERTENCIA: Si va a usar este módulo para versiones de discord.js inferiores a la v14 recuerde cambiar los parámetros de la función .render

Welcome

const { Welcomer } = require('image-djs');
// typescript: import { Welcomer } from 'image-djs';

const wlc = new Welcomer()
    .setAvatar(
        'https://cdn.discordapp.com/avatars/742460533818654791/6464bafb21a43c243867fa090642dacb.png?size=4096'
    )
    .setBackground('https://i.pinimg.com/736x/33/75/00/33750046310a78fc55914a621c7e0991.jpg')
    .setBorderColor('#bce784', 0.5)
    .setAvatarBorderColor('#ff4546')
    // .setUserFont('52px "Segoe UI"') | Debes cargar una fuente personalizada con canvas
    // .setSubtitleFont('32px "Segoe UI"') | Debes cargar una fuente personalizada con canvas
    .setSubtitle('👋 Bienvenido al servidor')
    .setUsername('drgato#0001');

// para discord.js v14
const attachment = await wlc.render(true, `welcomer-${user.id}.png`);
channel.send({ files: [attachment] });

// para discord.js v13
const buffer = await wlc.render(false);
const attachment = new MessageAttachment(buffer, `welcomer-${user.id}.png`);

channel.send({ files: [attachment] });

Ejemplo:

Rank card

const { Rank } = require('image-djs');
// typescript: import { Rank } from 'image-djs';

const rank = new Rank()
    .setBackground(
        'https://cdn.discordapp.com/banners/742460533818654791/2d15dbfefbabcc7dcc6d022eb6406522.png?size=4096'
    )
    .setAvatar(
        'https://cdn.discordapp.com/avatars/742460533818654791/6464bafb21a43c243867fa090642dacb.png?size=4096'
    )
    .setAvatarRoundStyle('roundedSquare')
    .setBoxColor('#9c89b8')
    .setLevelBarFill('#ffd166')
    .setLevelBarBackground('#466a91')
    .setLevelBarRadius(15)
    .setLevel(2)
    .setRank(1)
    .setRequiredXP(11150)
    .setTextXpTemplate('{current}/{needed} xp')
    .setNextLevelTemplate('Next level: {requiredXP}')
    .setUsername('drgato#0001')
    .setXp(1240)
    .setBadges(['HypeSquadBravery', 'ActiveDeveloper', 'Nitro', 'Booster24']);

// para discord.js v14
const attachment = await rank.render(true, `rank-${user.id}.png`);
channel.send({ files: [attachment] });

// para discord.js v13
const buffer = await rank.render(false);
const attachment = new MessageAttachment(buffer, `rank-${user.id}.png`);

channel.send({ files: [attachment] });

Ejemplo:

Ping

const { Ping } = require('image-djs');
// typescript: import { Ping } from 'image-djs';

const ping = new Ping().setIcon(
    'https://i1.sndcdn.com/avatars-twM1pq6gSk4YzN4F-N4zKuw-t500x500.jpg'
);

// para discord.js v14
const attachment = await ping.render(true, `ping-${user.id}.png`);
channel.send({ files: [attachment] });

// para discord.js v13
const buffer = await ping.render(false);
const attachment = new MessageAttachment(buffer, `ping-${user.id}.png`);

channel.send({ files: [attachment] });

Ejemplo:

⚠️ Próximamente más clases... Reporta los bugs en el GitHub del npm.