码迷,mamicode.com
首页 > 其他好文 > 详细

node-canvas

时间:2017-01-13 13:02:05      阅读:578      评论:0      收藏:0      [点我收藏+]

标签:class   过程   soft   div   技术   canvas   rgb   .com   node   

1、使用之前需要预先安装  Cairo

  本人安装遇到各种各样的坑,可以参考这里来填坑:https://github.com/Automattic/node-canvas/wiki/Installation---OSX

2、npm install canvas

  安装过程遇到问题,参照第一条填坑的方式继续。。。

3、安装中文字体包,我用的是微软雅黑的字体

  linux 与 mac 字体包的安装方式不同,具体可搜索一下使用方式

4、终于可以愉快编码了

var Canvas = require(‘canvas‘)
    , Image = Canvas.Image
    , canvas = new Canvas(500, 200)
    ,fs = require("fs")
    , ctx = canvas.getContext(‘2d‘);

ctx.font = ‘30px "Microsoft YaHei"‘;
ctx.rotate(.1);
ctx.fillText("我写程序生成100万个!", 50, 100);
ctx.fillText("怕不怕", 50, 150);

var te = ctx.measureText(‘Awesome!‘);
ctx.strokeStyle = ‘rgba(0,0,0,0.5)‘;
ctx.beginPath();
ctx.lineTo(50, 102);
ctx.lineTo(50 + te.width, 102);
ctx.stroke();


fs.writeFile(‘out.png‘, canvas.toBuffer());

生成的图片:

技术分享

 

node-canvas

标签:class   过程   soft   div   技术   canvas   rgb   .com   node   

原文地址:http://www.cnblogs.com/daas/p/6282272.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!