Adding simple filters to ChromeOS Image Editor.

chrome/browser/resources/file_manager/js/image_editor/image_util.js

 // Copyright (c) 2011 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.
 ImageUtil.trace = (function() {
@@ skipping 30 matching lines @@
 
 ImageUtil.clamp = function(min, value, max) {
   return Math.max(min, Math.min(max, value));
 };
 
 ImageUtil.between = function(min, value, max) {
   return (value - min) * (value - max) <= 0;
 };
 
 /**
- * Computes the function for every integer value between 0 and max and stores
- * the results. Rounds and clips the results to fit the [0..255] range.
- * Used to speed up pixel manipulations.
- * @param {Function} func Function returning a number.
- * @param {Number} max Maximum argument value (inclusive).
- * @return {Array<Number>} Computed results
- */
-
-ImageUtil.precomputeByteFunction = function(func, max) {
-  var results = [];
-  for (var arg = 0; arg <= max; arg ++) {
-    results.push(Math.max(0, Math.min(0xFF, Math.round(func(arg)))));
-  }
-  return results;
-}
-
-/**
  * Rectangle class.
  */
 
 /**
  * Rectange constructor takes 0, 1, 2 or 4 arguments.
  * Supports following variants:
  *   new Rect(left, top, width, height)
  *   new Rect(width, height)
  *   new Rect(rect)         // anything with left, top, width, height properties
  *   new Rect(bounds)       // anything with left, top, right, bottom properties
@@ skipping 12 matching lines @@
 
     case 2:
       this.left = 0;
       this.top = 0;
       this.width = arguments[0];
       this.height = arguments[1];
       return;
 
     case 1: {
       var source = arguments[0];
-      if (source.hasOwnProperty('left') && source.hasOwnProperty('top')) {
+      if ('left' in source && 'top' in source) {
         this.left = source.left;
         this.top = source.top;
-        if (source.hasOwnProperty('right') && source.hasOwnProperty('bottom')) {
+        if ('right' in source && 'bottom' in source) {
           this.width = source.right - source.left;
           this.height = source.bottom - source.top;
           return;
         }
       } else {
         this.left = 0;
         this.top = 0;
       }
-      if (source.hasOwnProperty('width') && source.hasOwnProperty('height')) {
+      if ('width' in source && 'height' in source) {
         this.width = source.width;
         this.height = source.height;
         return;
       }
       break; // Fall through to the error message.
     }
 
     case 0:
       this.left = 0;
       this.top = 0;
@@ skipping 74 matching lines @@
   }
 
   return rect;
 };
 
 /*
  * Useful shortcuts for drawing (static functions).
  */
 
 /**
- * Draws the image in context with appropriate scaling.
+ * Draw the image in context with appropriate scaling.
  */
 Rect.drawImage = function(context, image, opt_dstRect, opt_srcRect) {
   opt_dstRect = opt_dstRect || new Rect(context.canvas);
   opt_srcRect = opt_srcRect || new Rect(image);
   context.drawImage(image,
       opt_srcRect.left, opt_srcRect.top, opt_srcRect.width, opt_srcRect.height,
       opt_dstRect.left, opt_dstRect.top, opt_dstRect.width, opt_dstRect.height);
 };
 
 /**
- * Strokes the rectangle.
+ * Draw a box around the rectangle.
  */
-Rect.stroke = function(context, rect) {
-  context.strokeRect(rect.left, rect.top, rect.width, rect.height);
+Rect.outline = function(context, rect) {
+  context.strokeRect(
+      rect.left - 0.5, rect.top - 0.5, rect.width + 1, rect.height + 1);
 };
 
 /**
+ * Fill the rectangle.
+ */
+Rect.fill = function(context, rect) {
+  context.fillRect(rect.left, rect.top, rect.width, rect.height);
+};
+
+/**
  * Fills the space between the two rectangles.
  */
 Rect.fillBetween= function(context, inner, outer) {
   var inner_right = inner.left + inner.width;
   var inner_bottom = inner.top + inner.height;
   var outer_right = outer.left + outer.width;
   var outer_bottom = outer.top + outer.height;
   if (inner.top > outer.top) {
     context.fillRect(
         outer.left, outer.top, outer.width, inner.top - outer.top);
@@ skipping 20 matching lines @@
   this.x = x;
   this.y = y;
   this.squaredR = R * R;
 }
 
 Circle.prototype.inside = function(x, y) {
   x -= this.x;
   y -= this.y;
   return x * x + y * y <= this.squaredR;
 };