framer-device/index.js

Device constructor shorthand that defaults to @1x

/**
 * Device constructor shorthand
 *
 * defaults to a @1x (relative points) canvas
 *
 * @class
 * @param {Object} options
 */

module.exports = class Device extends DeviceComponent {
  constructor(opts={}) {
    opts.contentScale = opts.contentScale || Utils.isDesktop() ? 2 : 1

    super(opts)

    this.setupContext()

    // Make the content view (and thus the `Screen` object)
    // the correct dimensions (@1x)
    this.content.width = Screen.width / this.contentScale
    this.content.height = Screen.height / this.contentScale

    Framer.Device = this
  }
}

// Hack to force the correct orientation upon construction
Framer.Defaults.DeviceComponent = { 'deviceScale' : -1 }