📝Top / Rank Card

Top / Rank Card Builder

🐈‍⬛ Canvafy Design;

await new canvafy.Top()

.setColors(color)

PARAMETER	TYPE	DESCRIPTION
color	Object	Setting Title Message

Example

.setColors({ box: '#212121', username: '#ffffff', score: '#ffffff', firstRank: '#f7c716', secondRank: '#9e9e9e', thirdRank: '#94610f' })

.setabbreviateNumber(bool)

PARAMETER	TYPE	DESCRIPTION
bool	Boolean	Setting Abbreviate Numbers Example; 10000 => 10K (Preferred Option)

.setUsersData(users)

PARAMETER	TYPE	DESCRIPTION
users	Array Object	Setting Users

Example

.setUsersData([
{ top: 1, avatar: "https://cdn.discordapp.com/avatars/928259219038302258/cb1bcc0c5616d3fb1527b4ea03c9ae17.png", tag: "Beş#0005", score: 5 },
{ top: 2, avatar: "https://cdn.discordapp.com/avatars/928259219038302258/cb1bcc0c5616d3fb1527b4ea03c9ae17.png", tag: "Lulushu#1337", score: 5 }, 
])

.setScoreMessage(message)

PARAMETER	TYPE	DESCRIPTION
message	String	Setting Description Message (Preferred Option)

.setBackground(type,source)

PARAMETER	TYPE	DESCRIPTION
type	String	"image" or "color" adjustment (Preferred Option)
source	String	"imageURL" or "hexColor" adjustment (Preferred Option)

.setOpacity(opac)

PARAMETER	TYPE	DESCRIPTION
opac	Number / Double	Boxs Transparent Opacity

.build()

PARAMETER	TYPE	DESCRIPTION
None	None	Image Maker. ❗Required to Use!

🌙 Example Of Code With Discord.js v14

client.on("messageCreate", async message => {
  if (message.content === "!top") {
    const top = await new canvafy.Top()
.setOpacity(0.6)
.setScoreMessage("Message:") //(Preferred Option)
.setabbreviateNumber(false) //(Preferred Option)
.setBackground("image", "https://cdn.discordapp.com/attachments/1041745966186909826/1091378469000183848/4326598.png") //(Preferred Option)
.setColors({ box: '#212121', username: '#ffffff', score: '#ffffff', firstRank: '#f7c716', secondRank: '#9e9e9e', thirdRank: '#94610f' }) //(Preferred Option)
.setUsersData([
{ top: 1, avatar: "https://cdn.discordapp.com/avatars/928259219038302258/cb1bcc0c5616d3fb1527b4ea03c9ae17.png", tag: "Beş#0005", score: 5555 },
{ top: 2, avatar: "https://cdn.discordapp.com/avatars/852103749228036136/4d5eac54076d6b72edbddd3339d39b49.png", tag: "Lulushu#1337", score: 1337 },
{ top: 3, avatar: "https://cdn.discordapp.com/avatars/852800814808694814/a_677337d2fb6701459f402a44e74b33e6.png", tag: "Approval.#0001", score: 1054 },
{ top: 4, avatar: "https://cdn.discordapp.com/avatars/341592492224806914/1d7fdb35d4403f84a5ad29880dd802af.png", tag: "luhux#1937", score: 903 },
{ top: 5, avatar: "https://cdn.discordapp.com/embed/avatars/0.png", tag: "Deleted User#0000", score: 0 },
{ top: 6, avatar: "https://cdn.discordapp.com/embed/avatars/0.png", tag: "Deleted User#0000", score: 0 },
{ top: 7, avatar: "https://cdn.discordapp.com/embed/avatars/0.png", tag: "Deleted User#0000", score: 0 },
{ top: 8, avatar: "https://cdn.discordapp.com/embed/avatars/0.png", tag: "Deleted User#0000", score: 0 },
{ top: 9, avatar: "https://cdn.discordapp.com/embed/avatars/0.png", tag: "Deleted User#0000", score: 0 },
{ top: 10, avatar: "https://cdn.discordapp.com/embed/avatars/0.png", tag: "Deleted User#0000", score: 0 },
])
.build();


    message.reply({
      files: [{
        attachment: top,
        name: `top-${message.member.id}.png`
      }]
    });
  }
});

📃Support Server; discord.gg/luppux