31:T2c0c,MagicEye = { //https://github.com/peeinears/MagicEye.js const MagicEye = { render: function (opts) { opts = opts || {}; var defaultOptions = { width: null, height: null, depthMap: null, depthMapper: new MagicEye.DepthMapper(), imageType: 'png', colors: [ [255, 255, 255, 255], [0, 0, 0, 255] ] }; for (var property in defaultOptions) { if( ! opts.hasOwnProperty(property) ) opts[property] = defaultOptions[property]; } var element, width, height, depthMap, pixelData, i; // find and set element if (opts.el) { element = (typeof opts.el === 'string' ? document.getElementById(opts.el) : opts.el); if (!element || !element.tagName) throw('MagicEye: Could not find element: ' + opts.el); } // use element's height and width unless height and width is provided width = opts.width || element.width; if (!width) throw('MagicEye: width not set and could not be inferred from element: ' + opts.el); height = opts.height || element.height; if (!height) throw('MagicEye: height not set and could not be inferred from element: ' + opts.el); // use depthMap if provided, otherwise use depthMap generated by given depthMapper if (opts.depthMap) { depthMap = opts.depthMap; } else if (opts.depthMapper) { depthMap = opts.depthMapper.generate(width, height); } else throw('MagicEye: no depthMap or depthMapper opts given'); // convert hex colors to RGBa for (i = 0; i < opts.colors.length; i++) { if (typeof opts.colors[i] === 'string') { opts.colors[i] = this.helpers.hexToRGBa(opts.colors[i]); } } pixelData = this.generatePixelData({ width: width, height: height, depthMap: depthMap, colors: opts.colors }); switch (element.tagName) { case 'CANVAS': this.renderToCanvas(element, pixelData, width, height); break; case 'IMG': var canvas = document.createElement('canvas'); canvas.width = width; canvas.height = height; this.renderToCanvas(canvas, pixelData, width, height); element.src = canvas.toDataURL('image/' + (opts.imageType || 'png')); break; default: throw('MagicEye: el must be either a