node-canvas + opentype.js demo.

README.md

node-canvas + opentype.js demo.

bold.png

regular.png

index.js

/**
 * Module Dependencies
 */ 

var fs = require('fs');
var Canvas = require('canvas');
var OpenType = require('opentype.js');

/**
 * Draw `hello` with typeface located at `typeface` then output .png with name `filename`
 * when writing is done, `next` callback is triggered.
 * 
 * @param {String} typepath
 * @param {String} filename
 * @param {Function} next
 */
 
function drawHello(typepath, filename, next){

  OpenType.load(typepath, function(err, font){
    
    var canvas = new Canvas(500, 500);
    var ctx = canvas.getContext('2d');
    var path = font.getPath('Hello, World!', 30, 150, 30);

    path.draw(ctx);

    var out = fs.createWriteStream('output/' + filename);
    var stream = canvas.pngStream();

    stream.on('data', function(chunk){
      out.write(chunk);
    });

    stream.on('end', function(){
      next();
    });

  });
}


drawHello(__dirname + '/assets/font/Montserrat-Bold.ttf', 'bold.png', function(){
  console.log('done');
});


drawHello(__dirname + '/assets/font/Montserrat-Regular.ttf', 'regular.png', function(){
  console.log('done');
});

package.json

{
  "name": "node-canvas-opentype-demo",
  "dependencies": {
    "opentype.js": "git+https://github.com/nodebox/opentype.js.git",
    "canvas": "~1.1.3"
  }
}