Question

我试图在图片上叠加unicode字符，但字符没有显示。

   var img = new Image()
   img.src = fs.readFileSync(path.join(__dirname, 'images', 'snow.jpg'))
   ctx.drawImage(img, 0, 0, 500, 500)

   img = new Image()
   //img.src = canvas.toBuffer()
   ctx.font = "40pt Calibri";
   ctx.lineWidth = 1
   ctx.strokeStyle = '#ddd'

   ctx.fillStyle = '#000'
   ctx.fillText('Wahoo', 49, 99)
   ctx.rotate(0.5)
   ctx.translate(20, -40)
   ctx.fillText("Testing", 100, 180)
   ctx.rotate(0)
   ctx.translate(20, -60)
   // Unicode here
   ctx.fillText('\u5929\u6c23', 160, 100)

   canvas.createPNGStream().pipe(res);`

Answer 1

也许替换
ctx.strokeText = "#ddd"
由
ctx.fillText = "#ddd"

它可能会更好地工作并正确显示...

如何用node-canvas覆盖图像上的unicode字符？

1 个答案: