Сохранение нескольких SVG на холст с текстом с последующим получением dataURL

Я создал приложение angularJS, в этом приложении SVG файлы представляют одежду, которую пользователь выбирает. У меня есть кнопка загрузки, которая (в настоящее время) сохраняет первый SVG как PNG в базу данных, и я использую представление для отображения этого "предварительного просмотра".

Директива, которую я создал, выглядит следующим образом:

.directive('kdExport', function () {

    return {
        restrict: 'A',
        scope: {
            target: '@kdExport',
            team: '='
        },
        controller: 'ExportImageController',
        link: function (scope, element, attrs, controller) {

            console.log(scope.team);

            // Bind to the onclick event of our button
            element.bind('click', function (e) {

                // Prevent the default action
                e.preventDefault();

                // Generate the image
                controller.generateImage(scope.target, scope.team, function (preview) {

                    // Create our url
                    var url = '/kits/preview/' + preview.id;

                    // Open a new window
                    window.open(url, '_blank');
                });
            });
        }
    };
})

и контроллер выглядит следующим образом:

.controller('ExportImageController', ['PreviewService', function (service) {
    var self = this;

    // Function to remove the hidden layers of an SVG document
    var removeHidden = function (element) {

        // Get the element children
        var children = element.children(),
            i = children.length;

        // If we have any children
        if (children.length) {

            // For each child
            for (i; i >= 0; i--) {

                // Get our child
                var child = angular.element(children[i - 1]);

                // Remove hidden from the child children
                removeHidden(child);

                // Finally, if this child has the class "hidden"
                if (child.hasClass("hidden")) {

                    // Remove the child
                    child.remove();
                }
            }
        }
    };

    // Public function to generate the image
    self.generateImage = function (element, team, onSuccess) {

        // Get our SVG
        var target = document.getElementById(element),
            container = target.getElementsByClassName('svg-document')[0],
            clone = container.cloneNode(true);

        // Remove hidden layers
        removeHidden(angular.element(clone));

        // Create our data
        var data = clone.innerHTML,
            svg = new Blob([data], { type: 'image/svg+xml;charset=utf-8' });

        // Get our context
        var canvas = document.getElementById('canvas'),
            ctx = canvas.getContext('2d');

        // Create our image
        var DOMURL = window.URL || window.webkitURL || window,
            url = DOMURL.createObjectURL(svg),
            img = new Image();

        // When the image has loaded
        img.onload = function () {

            canvas.width = 1000;
            canvas.height = 500;

            // Draw our image using the context
            ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 1000, 500);
            DOMURL.revokeObjectURL(url);

            // Get our URL as a base64 string
            var dataURL = canvas.toDataURL("image/png");

            // Create our model
            var model = {
                teamName: team.name,
                sport: team.sport,
                data: dataURL
            };

            // Create our preview
            service.create(model).then(function (response) {

                // Invoke our success callback
                onSuccess(response);
            });
        }

        // Set the URL of the image
        img.src = url;
    };
}])

Это отлично подходит для одного документа SVG, но теперь клиент попросил меня сделать это для нескольких SVG с заголовком под каждым, и они хотят все это в одном PNG. Я не проделал много работы с canvasing, поэтому я не уверен, что это можно сделать. Кто-нибудь знает, как я могу это достичь?