webkitgtk-2.16.5HEADwebkitgtk-2.16.5master

1 files changed, 0 insertions, 282 deletions

diff --git a/Source/WebInspectorUI/UserInterface/ColorWheel.js b/Source/WebInspectorUI/UserInterface/ColorWheel.js
deleted file mode 100644
index fd1570098..000000000
--- a/Source/WebInspectorUI/UserInterface/ColorWheel.js
+++ /dev/null
@@ -1,282 +0,0 @@
-/*
- * Copyright (C) 2013 Apple Inc. All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions
- * are met:
- * 1. Redistributions of source code must retain the above copyright
- *    notice, this list of conditions and the following disclaimer.
- * 2. Redistributions in binary form must reproduce the above copyright
- *    notice, this list of conditions and the following disclaimer in the
- *    documentation and/or other materials provided with the distribution.
- *
- * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
- * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
- * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
- * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
- * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
- * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
- * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
- * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
- * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
- * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
- * THE POSSIBILITY OF SUCH DAMAGE.
- */
-
-WebInspector.ColorWheel = function()
-{
-    WebInspector.Object.call(this);
-
-    this._rawCanvas = document.createElement("canvas");
-    this._tintedCanvas = document.createElement("canvas");
-    this._finalCanvas = document.createElement("canvas");
-
-    this._crosshair = document.createElement("div");
-    this._crosshair.className = "crosshair";
-
-    this._element = document.createElement("div");
-    this._element.className = "color-wheel";
-
-    this._element.appendChild(this._finalCanvas);
-    this._element.appendChild(this._crosshair);
-
-    this._finalCanvas.addEventListener("mousedown", this);
-}
-
-WebInspector.ColorWheel.prototype = {
-    contructor: WebInspector.ColorWheel,
-    __proto__: WebInspector.Object.prototype,
-
-    // Public
-
-    set dimension(dimension)
-    {
-        this._finalCanvas.width = this._tintedCanvas.width = this._rawCanvas.width = dimension;
-        this._finalCanvas.height = this._tintedCanvas.height = this._rawCanvas.height = dimension;
-
-        this._dimension = dimension;
-        // We shrink the radius a bit for better anti-aliasing.
-        this._radius = dimension / 2 - 2;
-
-        this._setCrosshairPosition(new WebInspector.Point(dimension / 2, dimension / 2));
-
-        this._drawRawCanvas();
-        this._draw();
-    },
-    
-    get element()
-    {
-        return this._element;
-    },
-
-    get brightness()
-    {
-        return this._brightness;
-    },
-
-    set brightness(brightness)
-    {
-        this._brightness = brightness;
-        this._draw();
-    },
-
-    get tintedColor()
-    {
-        if (this._crosshairPosition)
-            return this._colorAtPointWithBrightness(this._crosshairPosition.x, this._crosshairPosition.y, this._brightness);
-
-        return new WebInspector.Color(WebInspector.Color.Format.RGBA, [0, 0, 0, 0]);
-    },
-
-    set tintedColor(tintedColor)
-    {
-        var data = this._tintedColorToPointAndBrightness(tintedColor);
-        this._setCrosshairPosition(data.point);
-        this.brightness = data.brightness;
-    },
-    
-    get rawColor()
-    {
-        if (this._crosshairPosition)
-            return this._colorAtPointWithBrightness(this._crosshairPosition.x, this._crosshairPosition.y, 1);
-
-        return new WebInspector.Color(WebInspector.Color.Format.RGBA, [0, 0, 0, 0]);
-    },
-
-    // Protected
-
-    handleEvent: function(event)
-    {
-        switch (event.type) {
-        case "mousedown":
-            this._handleMousedown(event);
-            break;
-        case "mousemove":
-            this._handleMousemove(event);
-            break;
-        case "mouseup":
-            this._handleMouseup(event);
-            break;
-        }
-    },
-
-    // Private
-
-    _handleMousedown: function(event)
-    {
-        window.addEventListener("mousemove", this, true);
-        window.addEventListener("mouseup", this, true);
-
-        this._updateColorForMouseEvent(event);
-    },
-
-    _handleMousemove: function(event)
-    {
-        this._updateColorForMouseEvent(event);
-    },
-
-    _handleMouseup: function(event)
-    {
-        window.removeEventListener("mousemove", this, true);
-        window.removeEventListener("mouseup", this, true);
-    },
-
-    _pointInCircleForEvent: function(event)
-    {
-        function distance(a, b)
-        {
-            return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2));
-        }
-
-        function angleFromCenterToPoint(center, point)
-        {
-            return Math.atan2(point.y - center.y, point.x - center.x);
-        }
-
-        function pointOnCircumference(c, r, a)
-        {
-            return new WebInspector.Point(c.x + r * Math.cos(a), c.y + r * Math.sin(a));
-        }
-
-        var dimension = this._dimension;
-        var point = window.webkitConvertPointFromPageToNode(this._finalCanvas, new WebKitPoint(event.pageX, event.pageY));
-        var center = new WebInspector.Point(dimension / 2, dimension / 2);
-        if (distance(point, center) > this._radius) {
-            var angle = angleFromCenterToPoint(center, point);
-            point = pointOnCircumference(center, this._radius, angle);
-        }
-        return point;
-    },
-
-    _updateColorForMouseEvent: function(event)
-    {
-        var point = this._pointInCircleForEvent(event);
-
-        this._setCrosshairPosition(point);
-
-        if (this.delegate && typeof this.delegate.colorWheelColorDidChange === "function")
-            this.delegate.colorWheelColorDidChange(this);
-    },
-
-    _setCrosshairPosition: function(point)
-    {
-        this._crosshairPosition = point;
-        this._crosshair.style.webkitTransform = "translate(" + Math.round(point.x) + "px, " + Math.round(point.y) + "px)";
-    },
-
-    _tintedColorToPointAndBrightness: function(color)
-    {
-        var rgb = color.rgb;
-        var hsv = WebInspector.Color.rgb2hsv(rgb[0], rgb[1], rgb[2]);
-        var cosHue = Math.cos(hsv[0] * Math.PI / 180);
-        var sinHue = Math.sin(hsv[0] * Math.PI / 180);
-        var center = this._dimension / 2;
-        var x = center + (center * cosHue * hsv[1]);
-        var y = center - (center * sinHue * hsv[1]);
-        return {
-            point: new WebInspector.Point(x, y),
-            brightness: hsv[2]
-        };
-    },
-
-    _drawRawCanvas: function() {
-        var ctx = this._rawCanvas.getContext("2d");
-
-        var dimension = this._dimension;
-        var center = dimension / 2;
-
-        ctx.fillStyle = "white";
-        ctx.fillRect(0, 0, dimension, dimension);
-
-        var imageData = ctx.getImageData(0, 0, dimension, dimension);
-        var data = imageData.data;
-        for (var j = 0; j < dimension; ++j) {
-            for (var i = 0; i < dimension; ++i) {
-                var color = this._colorAtPointWithBrightness(i, j, 1);
-                if (!color)
-                    continue;
-                var pos = (j * dimension + i) * 4;
-                data[pos] = color.rgb[0];
-                data[pos + 1] = color.rgb[1];
-                data[pos + 2] = color.rgb[2];
-            }
-        }
-        ctx.putImageData(imageData, 0, 0);
-    },
-
-    _colorAtPointWithBrightness: function(x, y, brightness)
-    {
-        var center = this._dimension / 2;
-        var xDis = x - center;
-        var yDis = y - center;
-        var distance = Math.sqrt(xDis * xDis + yDis * yDis);
-
-        if (distance - center > 0.001)
-            return new WebInspector.Color(WebInspector.Color.Format.RGBA, [0, 0, 0, 0]);
-
-        var h = Math.atan2(y - center, center - x) * 180 / Math.PI;
-        h = (h + 180) % 360;
-        var v = brightness;
-        var s = Math.max(0, distance) / center;
-
-        var rgb = WebInspector.Color.hsv2rgb(h, s, v);
-        return new WebInspector.Color(WebInspector.Color.Format.RGBA, [
-            Math.round(rgb[0] * 255),
-            Math.round(rgb[1] * 255),
-            Math.round(rgb[2] * 255),
-            1
-        ]);
-    },
-    
-    _drawTintedCanvas: function()
-    {
-        var ctx = this._tintedCanvas.getContext("2d");
-        var dimension = this._dimension;
-
-        ctx.save();
-        ctx.drawImage(this._rawCanvas, 0, 0, dimension, dimension);
-        if (this._brightness !== 1) {
-            ctx.globalAlpha = 1 - this._brightness;
-            ctx.fillStyle = "black";
-            ctx.fillRect(0, 0, dimension, dimension);
-        }
-        ctx.restore();
-    },
-    
-    _draw: function()
-    {
-        this._drawTintedCanvas();
-
-        var ctx = this._finalCanvas.getContext("2d");
-        var dimension = this._dimension;
-
-        ctx.save();
-        ctx.clearRect(0, 0, dimension, dimension);
-        ctx.beginPath();
-        ctx.arc(dimension / 2, dimension / 2, this._radius + 1, 0, Math.PI * 2, true); 
-        ctx.closePath();
-        ctx.clip();
-        ctx.drawImage(this._tintedCanvas, 0, 0, dimension, dimension);
-        ctx.restore();
-    }
-};