剑客
关注科技互联网

node-canvas 中文乱码

因为有小伙伴说使用 node-canvas 中文乱码,使用上一篇的方法也没能解决,于是我又上网找了一下,发现了这篇文章: Nodejs图片编辑和中文乱码

虽然原作者是使用的 gm,但他提到了一种解决方案:

我们来分析下解决乱码的两个条件:

  1. 文档utf-8编码:这里utf-8编码是指要求文件的存储编码方式是utf-8,而不是对字符进行utf-8编码(如js中的encodeURI)。通过对IDE或者其他方式确定文件的编码方式,如有问题可自行百度。

  2. 指定中文字体库:可以通过 .font('/Library/Fonts/微软雅黑.ttf') //mac系统下.font('/usr/share/fonts/微软雅黑.ttf') //linux系统下 指定。 font函数的参数是字体在系统中的存储路径。

文/狐尼克朱迪(简书作者)

原文链接: http://www.jianshu.com/p/a651…

著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

也就是自己下载字体包,然后自行引用。扔一个下载地址: 字体下载

于是我马上去 node-canvas 找了一下,非常开心地发现 node-canvas 也提供了这样的方法: Canvas.registerFont for bundled fonts ,使用方法也是大同小异,设置字体路径,然后定义字体即可:

// You need to call it before the Canvas is created
Canvas.registerFont('comicsans.ttf', {family: 'Comic Sans'});

var canvas = new Canvas(500, 500),
  ctx = canvas.getContext('2d');

ctx.font = '12px "Comic Sans"';
ctx.fillText(250, 10, 'Everyone hates this font :(');

结果一刷新网页发现竟然报了 Canvas.registerFont is not a function 。一脸懵逼,明明 README 里面是这么写的啊!

又去查了一下,找到了这个 issue: issue#838 ,大兄弟的问题和我一模一样。

按照他们说的,这个方法在 npm 上还没有,但是 github 这个分支是有的: https://github.com/chearon/node-canvas#12971f64a66b

于是我把这个分支 clone 下来,然后把 require('canvas') 改成了 require('../node-canvas')

运行!Perfect!

node-canvas 中文乱码

泪流满面。。。

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址