@steodec/discordcards

DISCORDCARDS ⭐

Una librería de imágenes manipualadas con canvas para tus aplicaciones de discord.

INSTALACIÓN 📁

npm i @alfr3xd/discordcards

DOCUMENTACIÓN 📄

Clases	Constructor
MemberCard	CardMemberData
LevelCard	CardLevelData
Ranking	RankingData

Funciones	Parámetros
fillRoundRect	ctx: CanvasRenderingContext2D x: number y: number w: number h: number r: number - {tl: number, tr: number, br: number, bl: number} f?: boolean s?: boolean
abbreviateNumber	value: number
circleImage	ctx: CanvasRenderingContext2D x: number y: number w: number h: number f?: boolean s?: boolean

Pronto habrán más módulos para tus aplicaciones

CLASS LevelCard:

.registerFonts(font)

parámetro	type	opcional	descripción
font	array		Datos de la fuente de letra

returns: LevelCard

.setUsername(username, color, font)

parámetro	type	opcional	descripción
username	string		El nombre del usuario
color	string	✓	El color de texto
font	string	✓	La fuente de letra

returns: LevelCard

.setNickname(nickname, color, font)

parámetro	type	opcional	descripción
nickname	string		El nickname del usuario
color	string	✓	El color de texto
font	string	✓	La fuente de letra

returns: LevelCard

.setRank(rank, color, text, font)

parámetro	type	opcional	descripción
rank	number		El top del ranking del usuario
color	string	✓	El color de texto
text	string	✓	El texto del ranking: {rank} (alias in text)
font	string	✓	La fuente de letra

returns: LevelCard

.setLevel(level, color, text, font)

parámetro	type	opcional	descripción
level	number		Nivel del usuario
color	string	✓	El color de texto
text	string	✓	El texto del nivel: {level} (alias in text)
font	string	✓	La fuente de letra

returns: LevelCard

.setXp(xp, max, color, text, font)

parámetro	type	opcional	descripción
xp	number		Experiencia actual
max	number		Experiencia máxima
color	string	✓	El color de texto
text	string	✓	El texto de la xp: {current} {max} (alias in text)
font	string	✓	La fuente de letra

returns: LevelCard

.setCurrentBarColor(color)

parámetro	type	opcional	descripción
color	string o {hex: string, position: number}[]		El color de la barra de experiencia

returns: LevelCard

.setBackground(background, blur, radius)

parámetro	type	opcional	descripción
background	string		URL de la imágen de fondo
blur	number	✓	El difuminado del fondo
radius	string	✓	La intensidad del borde de la tarjeta

returns: LevelCard

.setAvatar(avatar, color)

parámetro	type	opcional	descripción
avatar	string		URL del avatar del usuario
color	string	✓	Color del aro del usuario

returns: LevelCard

.render()

returns: Promise<Buffer>

CLASS MemberCard:

.registerFonts(font)

parámetro	type	opcional	descripción
font	array		Datos de la fuente de letra

returns: MemberCard

.setUsername(username, color, font)

parámetro	type	opcional	descripción
username	string		Nombre de usuario
color	string	✓	El color del texto
font	string	✓	La fuente de letra

returns: MemberCard

.setTitle(title, color, font)

parámetro	type	opcional	descripción
title	string		Título de la tarjeta
color	string	✓	El color del texto
font	string	✓	La fuente de letra

returns: MemberCard

.setDescription(description, color, font)

parámetro	type	opcional	descripción
description	string		Descripción de la tarjeta
color	string	✓	El color del texto
font	string	✓	La fuente de letra

returns: MemberCard

.setMemberCount(memberCount, color, font)

parámetro	type	opcional	descripción
memberCount	string		El contador de miembros
color	string	✓	El color del texto
font	string	✓	La fuente de letra

returns: MemberCard

.setBackground(background, blur, radius)

parámetro	type	opcional	descripción
background	string		URL de la imágen de fondo
blur	number	✓	El difuminado del fondo
radius	string	✓	La intensidad del borde de la tarjeta

returns: MemberCard

.setAvatar(avatar, color)

parámetro	type	opcional	descripción
avatar	string		URL del avatar del usuario
color	string	✓	Color del aro del usuario

returns: MemberCard

.setBox(box, color)

parámetro	type	opcional	descripción
box	boolean		Una caja de fondo
color	string	✓	Color de la caja

returns: MemberCard

.render()

returns: Promise<Buffer>

CLASS Ranking:

.registerFonts(font)

parámetro	type	opcional	descripción
font	array		Datos de la fuente de letra

returns: Ranking

.setColors(colors)

parámetro	type	opcional	descripción
colors	RankingData#colors		Colores de los textos

returns: Ranking

.setFonts(fonts)

parámetro	type	opcional	descripción
fonts	RankingData#fonts		Fuentes de letra de los textos

returns: Ranking

.setUsersData(usersData)

parámetro	type	opcional	descripción
usersData	RankingData#usersData		Datos de los usuarios

returns: Ranking

.render()

returns: Promise<Buffer>

TYPEDEF CardMemberData

{
 username?: string,
 title?: string,
 description?: string,
 memberCount?: string,
 colors?: {
 title: string,
  description: string,
  username: string,
  stroke: string,
  box: string,
  memberCount: string
 }
 avatar?: string,
 background?: string,
 blur?: number,
 radius?: number,
 box?: boolean,
 fonts?: {
  usernameFont: string,
  titleFont: string,
  descriptionFont: string,
  memberCountFont: string
 }
}

TYPEDEF CardLevelData

{
 username?: string,
 nickname?: string,
 rank?: number,
 level?: number,
 xp?: { current: number, max: number },
 colors?: {
  bar?: string | { hex: string, position: number }[],
  stroke?: string,
  username: string,
  nickname: string,
  level: string,
  rank: string,
  xp: string
 },
 images?: { avatar: string, background: string },
 fonts?: {
  usernameFont: string,
  nicknameFont: string,
  rankFont: string,
  levelFont: string,
  xpFont: string
 },
 blur?: number,
 radius?: number,
 levelText?: string,
 rankText?: string,
 xpText?: string
}

TYPEDEF RankingData

{
 colors?: {
  box: string,
  username: string,
  xp: string,
  level: string,
  firstRank: string,
  secondRank: string,
  thirdRank: string
 },
 fonts?: {
  username: string,
  xp: string,
  level: string,
  ranks: string
 },
 usersData?: {
  avatar: string,
  tag: string,
  level: number,
  xp: number,
  max_xp: number,
  top: number
 }[]
}