Resize - carstenschaefer/ImagerJs GitHub Wiki

Provides a tool for resizing images.

---

Enabling the Plugin

plugins: [
    'Rotate',
    'Crop',
    'Resize'
]

Configuration

pluginsConfig: {
    Resize: {
        controlsCss: {
          width: '20px',
          height: '20px',
          background: 'black',
          border: '1px solid black'
        },
        controlsTouchCss: {
          width: '25px',
          height: '25px',
          background: 'black',
          border: '2px solid black'
        },
        doubleDiff: false
    }
}

• Optional setting. If not specified, the settings shown in the example will be used.
• It's possible to specify different settings for desktop and touch devices:
  • objectControls: configuration object for desktop
  • objectControlsTouch: configuration object for touch devices
• You can define any valid CSS rule.
• doubleDiff:
  • Doubles mouse pointer distance.
  • This setting is needed when image is centered while resizing to make resize corner be always under mouse cursor.
  • Default setting is false. Our suggestion is to set this to false or to omit this setting so default setting will take effect.