Jump to content
Killersites Community
jbwebdesign

Angular Js Directive Canvas

Recommended Posts

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!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×