首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何用node-canvas在图像上叠加unicode字符?

如何用node-canvas在图像上叠加unicode字符?
EN

Stack Overflow用户
提问于 2016-09-02 04:41:40
回答 1查看 404关注 0票数 0

我正在尝试在图像上覆盖unicode字符,但字符没有显示。

代码语言:javascript
复制
   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);`
EN

回答 1

Stack Overflow用户

发布于 2020-12-17 01:04:28

可能会替换掉

ctx.strokeText = "#ddd"

通过

ctx.fillText = "#ddd"

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39280547

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档