Angular Js Directive Canvas

[jbwebdesign]

Hello, I am working on creating an angular js directive for using HTML5 Canvas

 

My goal is to output a canvas and use Font Awesome icons for writing inside of the canvas.

 

My code is the following, however the problem i have is that the font awesome icons don't seem to render: 
 

angular.module('myApp')
.directive('customButtonCanvas', ['$document', function($document) {
  return {
    restrict: 'A',
    scope: {
      width : '=',
      height : '=',
      options : '='
    },
    link: function(scope, element){
      console.log(scope);
      console.log(element);
      //first lets get the canvas element from our template....
      var ctx = element[0].getContext('2d');
      ctx.font = "40px FontAwesome";
      ctx.fillText("\uf000", 120, 120);
      console.log(ctx);

    }
  };

}]);

any help with this will be greatly appreciated.

 

thanks!

[administrator]

I've only played with Angular ... but do you need to link to the FontAwesome library somewhere?

 

Sorry, that's all I got for now.

Stef