devextreme/dist/transpiled/client_exporter/svg_creator.js

HTML5 JavaScript Component Suite for Responsive Web Development

"use strict";

var $ = require("../core/renderer"),
    ajax = require("../core/utils/ajax"),
    window = require("../core/utils/window").getWindow(),
    isFunction = require("../core/utils/type").isFunction,
    each = require("../core/utils/iterator").each,
    getSvgMarkup = require("../core/utils/svg").getSvgMarkup,
    deferredUtils = require("../core/utils/deferred"),
    when = deferredUtils.when,
    Deferred = deferredUtils.Deferred;

exports.svgCreator = {
    _markup: "",
    _imageArray: {},
    _imageDeferreds: [],

    _getBinaryFile: function _getBinaryFile(src, callback) {
        ajax.sendRequest({
            url: src,
            method: "GET",
            responseType: "arraybuffer"
        }).done(callback).fail(function () {
            callback(false);
        });
    },

    _loadImages: function _loadImages() {
        var that = this;

        each(that._imageArray, function (src) {
            var deferred = new Deferred();

            that._imageDeferreds.push(deferred);
            that._getBinaryFile(src, function (response) {
                if (!response) {
                    delete that._imageArray[src]; // ToDo Warning
                    deferred.resolve();
                    return;
                }

                var i,
                    binary = '',
                    bytes = new Uint8Array(response),
                    length = bytes.byteLength;

                for (i = 0; i < length; i++) {
                    binary += String.fromCharCode(bytes[i]);
                }
                that._imageArray[src] = "data:image/png;base64," + window.btoa(binary);
                deferred.resolve();
            });
        });
    },

    _parseImages: function _parseImages(element) {
        var href,
            that = this;

        if (element.tagName === "image") {
            href = $(element).attr("xlink:href");
            if (!that._imageArray[href]) {
                that._imageArray[href] = "";
            }
        }

        each(element.childNodes, function (_, element) {
            that._parseImages(element);
        });
    },

    _prepareImages: function _prepareImages(svgElem) {
        this._parseImages(svgElem);
        this._loadImages();

        return when.apply($, this._imageDeferreds);
    },

    getData: function getData(data, options) {
        var markup,
            that = this,
            xmlVersion = '<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>',
            blob = new Deferred(),
            parser = new window.DOMParser(),
            elem = parser.parseFromString(data, "image/svg+xml"),
            svgElem = elem.childNodes[0],
            $svgObject = $(svgElem);

        $svgObject.css("backgroundColor", options.backgroundColor);
        markup = xmlVersion + getSvgMarkup($svgObject.get(0));

        that._prepareImages(svgElem).done(function () {
            each(that._imageArray, function (href, dataURI) {
                markup = markup.split(href).join(dataURI);
            });

            blob.resolve(isFunction(window.Blob) ? that._getBlob(markup) : that._getBase64(markup));
        });

        return blob;
    },

    _getBlob: function _getBlob(markup) {
        return new window.Blob([markup], { type: "image/svg+xml" });
    },

    _getBase64: function _getBase64(markup) {
        return window.btoa(markup);
    }
};

exports.getData = function (data, options, callback) {
    exports.svgCreator.getData(data, options).done(callback);
};