paper.js angular directive using $http.get You can use this via: <paper src="scripts/papers/test.js" width="600" height="600"></paper>

gistfile1.js

'use strict';

angular.module('myApp')
    .directive('paper', ['$http', function ($http) {
        return {
            replace: true,
            template: '<canvas></canvas>',
            restrict: 'E',
            link: function postLink(scope, element, attrs) {

                var scope = new paper.PaperScope();
                scope.setup(element[0]);

                $http.get(attrs.src).success(function (data) {
                    paper.PaperScript.evaluate(data, scope);
                });
            }
        };
    }]);

See this in action here: http://plnkr.co/edit/7lRo9sL6OMb8fBJULfHi?p=preview