Utility: Retina for CreateJS

index.html

This is a utility to make CreateJS canvas responds to retina display.

script.js

this.utility ?= {}

this.utility.retinalize = (stage, updateCSS=true) ->
  canvas = stage.canvas
  utility.originalCanvasWidth = canvas.width
  utility.originalCanvasHeight = canvas.height
  
  return unless window.devicePixelRatio
    
  

  ratio = window.devicePixelRatio      

  height = canvas.getAttribute('height')
  width = canvas.getAttribute('width')

  canvas.setAttribute 'width', Math.round( width * ratio )
  canvas.setAttribute 'height', Math.round( height * ratio )

  if updateCSS
    canvas.style.width = width+"px"
    canvas.style.height = height+"px"
  
  
  stage.scaleX = stage.scaleY = ratio

Utility: Retina for CreateJS.markdown

Utility: Retina for CreateJS

This is a utility to make CreateJS canvas responds to retina display.

A Pen by Thomas Seng Hin Mak on CodePen.

License.