Jump to content
Killersites Community

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: 

.directive('customButtonCanvas', ['$document', function($document) {
  return {
    restrict: 'A',
    scope: {
      width : '=',
      height : '=',
      options : '='
    link: function(scope, 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);



any help with this will be greatly appreciated.



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