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!