Add type annotations to gallery/js/image_editor/image_view.js.

ui/file_manager/gallery/js/image_editor/image_util.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.
 
 // Namespace object for the utilities.
 function ImageUtil() {}
 
 /**
  * Performance trace.
  */
@@ skipping 119 matching lines @@
       this.top = 0;
       this.width = 0;
       this.height = 0;
       return;
   }
   console.error('Invalid ImageRect constructor arguments:',
                 Array.apply(null, arguments));
 }
 
 /**
+ * Creates an image rect with a canvas.
+ * @param {!HTMLCanvasElement} canvas A canvas.
+ * @return {!ImageRect}
+ */
+ImageRect.createFromCanvas = function(canvas) {
+  return new ImageRect(canvas);
+};
+
+/**
  * Creates an image rect with a bound.
  * @param {{left: number, top: number, right: number, bottom: number}} bound
  *     A bound.
  * @return {!ImageRect}
  */
 ImageRect.createFromBounds = function(bound) {
   return new ImageRect(bound);
 };
 
 /**
@@ skipping 158 matching lines @@
   return '(' + this.left + ',' + this.top + '):' +
          '(' + (this.left + this.width) + ',' + (this.top + this.height) + ')';
 };
 /*
  * Useful shortcuts for drawing (static functions).
  */
 
 /**
  * Draw the image in context with appropriate scaling.
  * @param {CanvasRenderingContext2D} context Context to draw.
- * @param {Image} image Image to draw.
+ * @param {!(HTMLCanvasElement|HTMLImageElement)} image Image to draw.
  * @param {ImageRect=} opt_dstRect Rectangle in the canvas (whole canvas by
  *     default).
  * @param {ImageRect=} opt_srcRect Rectangle in the image (whole image by
  *     default).
  */
 ImageRect.drawImage = function(context, image, opt_dstRect, opt_srcRect) {
   opt_dstRect = opt_dstRect || new ImageRect(context.canvas);
   opt_srcRect = opt_srcRect || new ImageRect(image);
   if (opt_dstRect.isEmpty() || opt_srcRect.isEmpty())
     return;
@@ skipping 136 matching lines @@
   this.image_ = new Image();
   this.generation_ = 0;
 };
 
 /**
  * Loads an image.
  * TODO(mtomasz): Simplify, or even get rid of this class and merge with the
  * ThumbnaiLoader class.
  *
  * @param {Gallery.Item} item Item representing the image to be loaded.
- * @param {function(HTMLCanvasElement, string=)} callback Callback to be
+ * @param {function(!HTMLCanvasElement, string=)} callback Callback to be
  *     called when loaded. The second optional argument is an error identifier.
  * @param {number=} opt_delay Load delay in milliseconds, useful to let the
  *     animations play out before the computation heavy image loading starts.
  */
 ImageUtil.ImageLoader.prototype.load = function(item, callback, opt_delay) {
   var entry = item.getEntry();
 
   this.cancel();
   this.entry_ = entry;
   this.callback_ = callback;
@@ skipping 92 matching lines @@
 
 /**
  * @param {Entry} entry Image entry.
  * @return {boolean} True if loader loads this image.
  */
 ImageUtil.ImageLoader.prototype.isLoading = function(entry) {
   return this.isBusy() && util.isSameEntry(this.entry_, entry);
 };
 
 /**
- * @param {function(HTMLCanvasElement, string=)} callback To be called when the
+ * @param {function(!HTMLCanvasElement, string=)} callback To be called when the
  *     image loaded.
  */
 ImageUtil.ImageLoader.prototype.setCallback = function(callback) {
   this.callback_ = callback;
 };
 
 /**
  * Stops loading image.
  */
 ImageUtil.ImageLoader.prototype.cancel = function() {
@@ skipping 118 matching lines @@
  * @return {string} Full name.
  */
 ImageUtil.getMetricName = function(name) {
   return 'PhotoEditor.' + name;
 };
 
 /**
  * Used for metrics reporting, keep in sync with the histogram description.
  */
 ImageUtil.FILE_TYPES = ['jpg', 'png', 'gif', 'bmp', 'webp'];