Yardım node.js Canvas

[Zuzi]

Canvas ile botlar için hoş geldin bay bay kartı yapıyorum ama params dan çektiği çektiği avatarı resme eklemiyo ve Cannot GET /rankcard/avatar=

Bu bağlantıyı görmek için Giriş yap veya kayıt ol.

hatası veriyor yardım ederseniz sevinirim.

---

const Canvas = require('canvas')
app.get('/rankcard/avatar=:avatar',async (req, res) => {
const canvas = Canvas.createCanvas(750, 250);
const ctx = canvas.getContext('2d');
Canvas.registerFont('./font/Muli.ttf', { family: 'Muli' })
 Canvas.registerFont('./font/Nunito-Bold.ttf', { family: 'Nunito' })   
    const background = await Canvas.loadImage('./image/2.png');
    ctx.drawImage(background, 0, 0, canvas.width, canvas.height);
     ctx.font = '36px "Nunito"'
ctx.rotate(0)
ctx.fillText('SakuraBot', 257, 164)

    ctx.strokeRect(0, 0, canvas.width, canvas.height);
    ctx.beginPath();
    ctx.arc(125, 125, 100, 0, Math.PI * 2, true);
    ctx.closePath();
    ctx.clip();

    const avatar = await Canvas.loadImage(req.params.avatar);
    ctx.drawImage(avatar, 25, 25, 200, 200);
    
    const buffer = canvas.toBuffer('image/png');
  res.writeHead(200, { 'Content-Type': 'image/png' });
  res.end(buffer);
    
    
})

 

[Serdarcigir]

Format belirtmelisin

 

[Zuzi]

Format belirtmelisin

nasıl yani birazdaha detaylı anlatırmısın canvas hakkında çok bilgim yok yeni yeni öğreniyorum.

 

[ayibogan]

Selam http protokolü ile alakalı olduğunu düşünüyorum. Deneyebilir misin?

const Canvas = require('canvas');
app.get('/rankcard/avatar=:avatar', async (req, res) => {
  const canvas = Canvas.createCanvas(750, 250);
  const ctx = canvas.getContext('2d');
  Canvas.registerFont('./font/Muli.ttf', { family: 'Muli' });
  Canvas.registerFont('./font/Nunito-Bold.ttf', { family: 'Nunito' });   
  const background = await Canvas.loadImage('./image/2.png');
  ctx.drawImage(background, 0, 0, canvas.width, canvas.height);
  ctx.font = '36px "Nunito"';
  ctx.rotate(0);
  ctx.fillText('SakuraBot', 257, 164);

  ctx.strokeRect(0, 0, canvas.width, canvas.height);
  ctx.beginPath();
  ctx.arc(125, 125, 100, 0, Math.PI * 2, true);
  ctx.closePath();
  ctx.clip();

  // Add 'https:' or 'http:' to the URL to make it a valid URL
  const avatar = await Canvas.loadImage(`https:${req.params.avatar}`);
  ctx.drawImage(avatar, 25, 25, 200, 200);

  const buffer = canvas.toBuffer('image/png');
  res.writeHead(200, { 'Content-Type': 'image/png' });
  res.end(buffer);
});

 

[Zuzi]

Selam http protokolü ile alakalı olduğunu düşünüyorum. Deneyebilir misin?

const Canvas = require('canvas');
app.get('/rankcard/avatar=:avatar', async (req, res) => {
  const canvas = Canvas.createCanvas(750, 250);
  const ctx = canvas.getContext('2d');
  Canvas.registerFont('./font/Muli.ttf', { family: 'Muli' });
  Canvas.registerFont('./font/Nunito-Bold.ttf', { family: 'Nunito' });  
  const background = await Canvas.loadImage('./image/2.png');
  ctx.drawImage(background, 0, 0, canvas.width, canvas.height);
  ctx.font = '36px "Nunito"';
  ctx.rotate(0);
  ctx.fillText('SakuraBot', 257, 164);

  ctx.strokeRect(0, 0, canvas.width, canvas.height);
  ctx.beginPath();
  ctx.arc(125, 125, 100, 0, Math.PI * 2, true);
  ctx.closePath();
  ctx.clip();

  // Add 'https:' or 'http:' to the URL to make it a valid URL
  const avatar = await Canvas.loadImage(`https:${req.params.avatar}`);
  ctx.drawImage(avatar, 25, 25, 200, 200);

  const buffer = canvas.toBuffer('image/png');
  res.writeHead(200, { 'Content-Type': 'image/png' });
  res.end(buffer);
});

query ile ayarlamaya çalışıyorum ondan öncede discorda bağlaıp kullanıcı ID ile yaptım ama arka plan için mecbur ayarlamam lazım

 

[ayibogan]

query ile ayarlamaya çalışıyorum ondan öncede discorda bağlaıp kullanıcı ID ile yaptım ama arka plan için mecbur ayarlamam lazım

Sorun hala devam ediyor mu? detaylı paylaşabilir misin

 

[Zuzi]

Sorun hala devam ediyor mu? detaylı paylaşabilir misin

sorun şuan farklı şekilde ilerliyor arka plan resmi olarak req.query.back olarak kullanıyorum ama içine yazı ekleyince hata veriyor büyük ihtimal daha detaylı araştırıp yapacağım olmazsa yapmayacağım.