Canvas Rank

#1 Rank Profile

Berisi informasi tentang statistik database user yang di display melalui image png. Berikut adalah code request untuk tutorial penggunaan rank canvas image profile.

URL Endpoint

https://editor.vreden.my.id/rank

Headers

Header	Type	Description
Content-Type	String	image/png

Params

Berikut adalah contoh URLSearchParams request yang bisa dipakai untuk mendapatkan image profile rank.

{
    "background": "url image",
    "rankId": "1",
    "profile": "url image",
    "currentExp": 1200,
    "maxExp": 2500,
    "maxColor": "#FFFFFF",
    "strokeColor": "#000000",
    "currentColor": "#FF0000",
    "expColor": "#FFFFFF",
    "expNumberColor": "#000000",
    "levelColor": "#FFD700",
    "name": "Your Name",
    "nameColor": "#FFFFFF",
    "users": "+62 812-3456-7890",
    "rank": "master",
    "rankColor": "#FFD700",
    "balance": "10.000",
    "limit": "2.000",
    "level": "26"
}

Contoh Code

Berikut adalah contoh code yang bisa di pakai untuk mendapatkan image tersebut.

const apiUrl = 'url endpoint'
const params = new URLSearchParams({
    "background": "url image",
    "rankId": "1",
    "profile": "url image",
    "currentExp": 1200,
    "maxExp": 2500,
    "maxColor": "#FFFFFF",
    "strokeColor": "#000000",
    "currentColor": "#FF0000",
    "expColor": "#FFFFFF",
    "expNumberColor": "#000000",
    "levelColor": "#FFD700",
    "name": "Your Name",
    "nameColor": "#FFFFFF",
    "users": "+62 812-3456-7890",
    "rank": "master",
    "rankColor": "#FFD700",
    "balance": "10.000",
    "limit": "2.000",
    "level": "26"
}).toString()

const fullUrl = `${apiUrl}?${params}`

Const Code

Keterangan untuk const yang ada di code tersebut.

Field	Type	Description
apiUrl	URL	Berisi URL endpoint web api
params	JSON	Isi JSON data yang di convert ke params URL
fullUrl	URL	Hasil akhir dari search params, ini yang digunakan untuk get buffer

Params Request

Keterangan untuk params request URLSearchParams.

Field	Type	Description
background	URL	(816x344.5) Link file image, pastikan aktif.
rankId	Angka	ID rank: bronze (1-3), silver (1-3), gold (1-4), platinum (1-4), diamond (1-4), heroic (0-3), master (1-3), grandmaster (0-4).
profile	URL	Link profile image, pastikan aktif.
currentExp	Angka	EXP yang didapatkan.
maxExp	Angka	EXP maksimal untuk level-up.
maxColor	Hex	Hex code warna HTML, pastikan valid.
strokeColor	Hex	Hex code warna HTML, pastikan valid.
currentColor	Hex	Hex code warna HTML, pastikan valid.
expColor	Hex	Hex code warna HTML, pastikan valid.
expNumberColor	Hex	Hex code warna HTML, pastikan valid.
levelColor	Hex	Hex code warna HTML, pastikan valid.
name	String	Nama user, hanya huruf dan angka.
nameColor	Hex	Hex code warna HTML, pastikan valid.
users	String	ID user, hanya huruf dan angka.
rank	Huruf	Rank: bronze, silver, gold, platinum, diamond, heroic, master, grandmaster.
rankColor	Hex	Hex code warna HTML, pastikan valid.
balance	Angka	Saldo user.
limit	Angka	Limit user.
level	Angka	Level user.