title: ToastUI Image Editor - resize the images according to the container
body: <p>I'm trying to adapt this image editor, so that it has a predetermined size of the canvas and that it doesn't change size according to the resolution of the image that is loaded. I wish it had a width of 300px and a height of 90px ...</p>
  <p><a href="https://i.stack.imgur.com/l07BQ.jpg" rel="nofollow noreferrer">I would like this size to always remain the same, and the image that is loaded, if anything, is cropped, but the size at download will always remain an image of 300px x 90px.</a></p>
  <p>and that these dimensions remain the same even if I upload an image of 1800px x 2000px.</p>
  <p>I use this code to initialize the component:</p>
  <pre><code>imageEditor = new tui.ImageEditor('#tui-image-editor-container', {
    includeUI: {
      loadImage: {
        path: 'img/wallpaper.png',
        name: 'wallpaper'
      },
      theme: blackTheme, // or whiteTheme 
      menu: ['crop', 'flip', 'rotate', 'draw', 'shape', 'icon', 'text', 'mask', 'filter'],
      initMenu: 'filter',
      imageSize: {
        oldWidth: &quot;0&quot;,
        oldHeight: &quot;0&quot;,
        newWidth: &quot;300&quot;,
        newHeight: &quot;90&quot;
      },
      uiSize: {
        width: '100%',
        height: '500px'
      },
      menuBarPosition: 'bottom'
    },
    cssMaxWidth: 300,
    cssMaxHeight: 90,
    selectionStyle: {
      cornerSize: 5,
      rotatingPointOffset: 70
    }
  });
  </code></pre>
  <p>Is there anyone who knows how this can be achieved?</p>