var Class = require('../../utils/Class'); var CONST = require('../const'); var File = require('../File'); var GetFastValue = require('../../utils/object/GetFastValue'); // Phaser.Loader.FileTypes.HTMLFile var HTMLFile = new Class({ Extends: File, initialize: function HTMLFile (key, url, width, height, path, xhrSettings) { if (width === undefined) { width = 512; } if (height === undefined) { height = 512; } var fileKey = (typeof key === 'string') ? key : GetFastValue(key, 'key', ''); var fileConfig = { type: 'html', extension: GetFastValue(key, 'extension', 'html'), responseType: 'text', key: fileKey, url: GetFastValue(key, 'file', url), path: path, xhrSettings: GetFastValue(key, 'xhr', xhrSettings), config: { width: width, height: height } }; File.call(this, fileConfig); }, onProcess: function (callback) { this.state = CONST.FILE_PROCESSING; var w = this.config.width; var h = this.config.height; var data = []; data.push(''); var svg = [ data.join('\n') ]; var _this = this; try { var blob = new window.Blob(svg, { type: 'image/svg+xml;charset=utf-8' }); } catch (e) { _this.state = CONST.FILE_ERRORED; callback(_this); return; } this.data = new Image(); this.data.crossOrigin = this.crossOrigin; this.data.onload = function () { File.revokeObjectURL(_this.data); _this.onComplete(); callback(_this); }; this.data.onerror = function () { File.revokeObjectURL(_this.data); _this.state = CONST.FILE_ERRORED; callback(_this); }; File.createObjectURL(this.data, blob, 'image/svg+xml'); } }); HTMLFile.create = function (loader, key, url, width, height, xhrSettings) { if (Array.isArray(key)) { for (var i = 0; i < key.length; i++) { // If it's an array it has to be an array of Objects, so we get everything out of the 'key' object loader.addFile(new HTMLFile(key[i], url, width, height, loader.path, xhrSettings)); } } else { loader.addFile(new HTMLFile(key, url, width, height, loader.path, xhrSettings)); } // For method chaining return loader; }; module.exports = HTMLFile;