Gallery: resize image data to overlay canvas size.

ui/file_manager/gallery/js/image_editor/image_adjust.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * The base class for simple filters that only modify the image content
  * but do not modify the image dimensions.
  * @param {string} name
  * @param {string} title
  * @constructor
@@ skipping 27 matching lines @@
    */
   this.filter_ = null;
 
   /**
    * @type {HTMLCanvasElement}
    * @private
    */
   this.canvas_ = null;
 
   /**
-   * @type {ImageData}
-   * @private
+   * @private {ImageData}
    */
   this.previewImageData_ = null;
 
   /**
-   * @type {ImageData}
+   * @private {ImageData}
    */
-  this.originalImageData = null;
+  this.originalImageData_ = null;
 };
 
 ImageEditor.Mode.Adjust.prototype = {__proto__: ImageEditor.Mode.prototype};
 
 /**
  * Gets command to do filter.
  *
  * @return {Command.Filter} Filter command.
  */
 ImageEditor.Mode.Adjust.prototype.getCommand = function() {
@@ skipping 59 matching lines @@
 
   // Update canvas size and/or transformation.
   if (!this.previewImageData_ ||
       this.viewportGeneration_ !== this.getViewport().getCacheGeneration()) {
     this.viewportGeneration_ = this.getViewport().getCacheGeneration();
 
     if (!this.canvas_)
       this.canvas_ = this.getImageView().createOverlayCanvas();
 
     this.getImageView().setupDeviceBuffer(this.canvas_);
-    this.originalImageData = this.getImageView().copyScreenImageData();
-    this.previewImageData_ = this.getImageView().copyScreenImageData();
+    this.originalImageData_ = this.getImageView().getScreenImageDataWith(
+        this.canvas_.width, this.canvas_.height);
+    this.previewImageData_ = this.getImageView().getScreenImageDataWith(
+        this.canvas_.width, this.canvas_.height);
 
     isPreviewImageInvalidated = true;
   } else {
     this.getImageView().setTransform_(
         assert(this.canvas_), assert(this.getViewport()));
   }
 
   // Update preview image with applying filter.
   if (isPreviewImageInvalidated) {
-    assert(this.originalImageData);
+    assert(this.originalImageData_);
     assert(this.previewImageData_);
 
     ImageUtil.trace.resetTimer('preview');
-    this.filter_(this.previewImageData_, this.originalImageData, 0, 0);
+    this.filter_(this.previewImageData_, this.originalImageData_, 0, 0);
     ImageUtil.trace.reportTimer('preview');
 
     this.canvas_.getContext('2d').putImageData(this.previewImageData_, 0, 0);
   }
 };
 
 /** @override */
 ImageEditor.Mode.Adjust.prototype.draw = function() {
   this.updatePreviewImage_(null);
 };
@@ skipping 137 matching lines @@
 };
 
 ImageEditor.Mode.Sharpen.prototype =
     {__proto__: ImageEditor.Mode.Adjust.prototype};
 
 /** @override */
 ImageEditor.Mode.Sharpen.prototype.createTools = function(toolbar) {
   toolbar.addRange('strength', 'GALLERY_STRENGTH', 0, 0, 1, 100);
   toolbar.addRange('radius', 'GALLERY_RADIUS', 1, 1, 3);
 };