Phaser.Canvas = { create: function (parent, width, height, id, skipPool){ width = width || 256; height = height || 256; var canvas = (skipPool)? _AN_Call_createelement('createElement', document, 'canvas'): Phaser.CanvasPool.create(parent, width, height); if (typeof id === 'string' && id !== '') { canvas.id = id; } canvas.width = width; canvas.height = height; canvas.style.display = 'block'; return canvas; } , setBackgroundColor: function (canvas, color){ color = color || 'rgb(0,0,0)'; canvas.style.backgroundColor = color; return canvas; } , setTouchAction: function (canvas, value){ value = value || 'none'; canvas.style.msTouchAction = value; canvas.style["ms-touch-action"] = value; canvas.style["touch-action"] = value; return canvas; } , setUserSelect: function (canvas, value){ value = value || 'none'; canvas.style["-webkit-touch-callout"] = value; canvas.style["-webkit-user-select"] = value; canvas.style["-khtml-user-select"] = value; canvas.style["-moz-user-select"] = value; canvas.style["-ms-user-select"] = value; canvas.style["user-select"] = value; canvas.style["-webkit-tap-highlight-color"] = 'rgba(0, 0, 0, 0)'; return canvas; } , addToDOM: function (canvas, parent, overflowHidden){ var target; if (overflowHidden === undefined) { overflowHidden = true ; } if (parent) { if (typeof parent === 'string') { target = document.getElementById(parent); } else if (typeof parent === 'object' && parent.nodeType === 1) { target = parent; } } if (!target) { target = document.body; } if (overflowHidden && target.style) { target.style.overflow = 'hidden'; } _AN_Call_appendchild('appendChild', target, canvas); return canvas; } , removeFromDOM: function (canvas){ if (canvas.parentNode) { canvas.parentNode.removeChild(canvas); } } , setTransform: function (context, translateX, translateY, scaleX, scaleY, skewX, skewY){ context.setTransform(scaleX, skewX, skewY, scaleY, translateX, translateY); return context; } , setSmoothingEnabled: function (context, value){ var s = Phaser.Canvas.getSmoothingPrefix(context); if (s) { context[s] = value; } return context; } , getSmoothingPrefix: function (context){ var vendor = ['i', 'webkitI', 'msI', 'mozI', 'oI'] ; for (var prefix in vendor){ var s = vendor[prefix] + 'mageSmoothingEnabled'; if (s in context) { return s; } } return null ; } , getSmoothingEnabled: function (context){ var s = Phaser.Canvas.getSmoothingPrefix(context); if (s) { return context[s]; } } , setImageRenderingCrisp: function (canvas){ var types = ['optimizeSpeed', 'crisp-edges', '-moz-crisp-edges', '-webkit-optimize-contrast', 'optimize-contrast', 'pixelated'] ; for (var i = 0; i < _AN_Read_length('length', types); i++ ){ canvas.style["image-rendering"] = types[i]; } canvas.style.msInterpolationMode = 'nearest-neighbor'; return canvas; } , setImageRenderingBicubic: function (canvas){ canvas.style["image-rendering"] = 'auto'; canvas.style.msInterpolationMode = 'bicubic'; return canvas; } } ;