/* * Paper.js * * This file is part of Paper.js, a JavaScript Vector Graphics Library, * based on Scriptographer.org and designed to be largely API compatible. * http://paperjs.org/ * http://scriptographer.org/ * * Distributed under the MIT license. See LICENSE file for details. * * Copyright (c) 2011, Juerg Lehni & Jonathan Puckey * http://lehni.org/ & http://jonathanpuckey.com/ * * All rights reserved. */ var Rectangle = this.Rectangle = Base.extend({ beans: true, initialize: function(arg0, arg1, arg2, arg3) { if (arguments.length == 1) { // Use 0 as defaults, in case we're reading from a Point or Size this.x = arg0.x || 0; this.y = arg0.y || 0; this.width = arg0.width || 0; this.height = arg0.height || 0; } else if (arguments.length == 2) { if (arg1.x !== undefined) { // new Rectangle(point1, point2) var point1 = Point.read(arguments, 0, 1); var point2 = Point.read(arguments, 1, 1); this.x = point1.x; this.y = point1.y; this.width = point2.x - point1.x; this.height = point2.y - point1.y; if (this.width < 0) { this.x = point2.x; this.width = -this.width; } if (this.height < 0) { this.y = point2.y; this.height = -this.height; } } else { // new Rectangle(point, size) var point = Point.read(arguments, 0, 1); var size = Size.read(arguments, 1, 1); this.x = point.x; this.y = point.y; this.width = size.width; this.height = size.height; } } else if (arguments.length == 4) { // new Rectangle(x, y, width, height) this.x = arg0; this.y = arg1; this.width = arg2; this.height = arg3; } else { // new Rectangle() this.x = this.y = this.width = this.height = 0; } }, set: function(x, y, width, height) { this.x = x; this.y = y; this.width = width; this.height = height; return this; }, getPoint: function() { return LinkedPoint.create(this, 'setPoint', this.x, this.y); }, setPoint: function(point) { point = Point.read(arguments); this.x = point.x; this.y = point.y; return this; }, getSize: function() { return Size.create(this.width, this.height); }, setSize: function(size) { size = Size.read(arguments); this.width = size.width; this.height = size.height; return this; }, getLeft: function() { return this.x; }, setLeft: function(left) { this.width -= left - this.x; this.x = left; return this; }, getTop: function() { return this.y; }, setTop: function(top) { this.height -= top - this.y; this.y = top; return this; }, getRight: function() { return this.x + this.width; }, setRight: function(right) { this.width = right - this.x; return this; }, getBottom: function() { return this.y + this.height; }, setBottom: function(bottom) { this.height = bottom - this.y; return this; }, getCenterX: function() { return this.x + this.width * 0.5; }, setCenterX: function(x) { this.x = x - this.width * 0.5; return this; }, getCenterY: function() { return this.y + this.height * 0.5; }, setCenterY: function(y) { this.y = y - this.height * 0.5; return this; }, getCenter: function() { return LinkedPoint.create(this, 'setCenter', this.getCenterX(), this.getCenterY()); }, setCenter: function(point) { point = Point.read(arguments); return this.setCenterX(point.x).setCenterY(point.y); }, clone: function() { return new Rectangle(this); }, equals: function(rect) { rect = Rectangle.read(arguments); return this.x == rect.x && this.y == rect.y && this.width == rect.width && this.height == rect.height; }, isEmpty: function() { return this.width == 0 || this.height == 0; }, contains: function(rect) { if (rect.width !== undefined) { return rect.x >= this.x && rect.y >= this.y && rect.x + rect.width <= this.x + this.width && rect.y + rect.height <= this.y + this.height; } else { var point = Point.read(arguments); return point.x >= this.x && point.y >= this.y && point.x <= this.x + this.width && point.y <= this.y + this.height; } }, intersects: function(rect) { rect = Rectangle.read(arguments); return rect.x + rect.width > this.x && rect.y + rect.height > this.y && rect.x < this.x + this.width && rect.y < this.y + this.height; }, toString: function() { return '{ x: ' + this.x + ', y: ' + this.y + ', width: ' + this.width + ', height: ' + this.height + ' }'; }, statics: { // See Point.create() create: function(x, y, width, height) { return new Rectangle(Rectangle.dont).set(x, y, width, height); } } }, new function() { // Scope for injecting intersect, unite and include. return Base.each({ // 1st = intersect, 2nd = isPoint intersect: [true, false], unite: [false, false], include: [false, true] }, function(values, name) { var intersect = values[0], isPoint = values[1], op1 = Math[intersect ? 'max' : 'min'], op2 = Math[intersect ? 'min' : 'max']; this[name] = function() { var object = (isPoint ? Point : Rectangle).read(arguments), x1 = op1(this.x, object.x), y1 = op1(this.y, object.y), x2 = op2(this.x + this.width, object.x + (isPoint ? 0 : object.width)), y2 = op2(this.y + this.height, object.y + (isPoint ? 0 : object.height)); return Rectangle.create(x1, y1, x2 - x1, y2 - y1); }; }, {}); }, new function() { return Base.each([ ['Top', 'Left'], ['Top', 'Right'], ['Bottom', 'Left'], ['Bottom', 'Right'], ['Left', 'Center'], ['Top', 'Center'], ['Right', 'Center'], ['Bottom', 'Center'] ], function(parts, index) { var part = parts.join(''); // find out if the first of the pair is an x or y property, // by checking the first character for [R]ight or [L]eft; var xFirst = /^[RL]/.test(part); // Rename Center to CenterX or CenterY: if (index >= 4) parts[1] += xFirst ? 'Y' : 'X'; var x = parts[xFirst ? 0 : 1], y = parts[xFirst ? 1 : 0], getX = 'get' + x, getY = 'get' + y, setX = 'set' + x, setY = 'set' + y, get = 'get' + part, set = 'set' + part; this[get] = function() { return LinkedPoint.create(this, set, this[getX](), this[getY]()); }; this[set] = function(point) { point = Point.read(arguments); // Note: call chaining happens here. return this[setX](point.x)[setY](point.y); }; }, { beans: true }); }); /** * An internal version of Rectangle that notifies its owner of each change * through setting itself again on the setter that corresponds to the getter * that produced this LinkedRectangle. See uses of LinkedRectangle.create() * Note: This prototype is not exported. */ var LinkedRectangle = Rectangle.extend({ beans: true, set: function(x, y, width, height) { this._x = x; this._y = y; this._width = width; this._height = height; if (this._owner) this._owner[this._set](this); return this; }, statics: { /** * Provide a faster creator for Points out of two coordinates that * does not rely on Point#initialize at all. This speeds up all math * operations a lot. */ create: function(owner, set, x, y, width, height) { var rect = new LinkedRectangle(LinkedRectangle.dont).set(x, y, width, height); rect._owner = owner; rect._set = set; return rect; } } }, new function() { var proto = Rectangle.prototype; return Base.each(['x', 'y', 'width', 'height'], function(key) { var part = Base.capitalize(key); var internal = '_' + key; this['get' + part] = function() { return this[internal]; } this['set' + part] = function(value) { this[internal] = value; // Check if this setter is called from another one which sets // _dontNotify, as it will notify itself if (!this._dontNotify) this._owner[this._set](this); } }, Base.each(['Point', 'Size', 'Center', 'Left', 'Top', 'Right', 'Bottom', 'CenterX', 'CenterY', 'TopLeft', 'TopRight', 'BottomLeft', 'BottomRight', 'LeftCenter', 'TopCenter', 'RightCenter', 'BottomCenter'], function(key) { var name = 'set' + key; this[name] = function(value) { // Make sure the above setters of x, y, width, height do not // each notify the owner, as we're going to take care of this // afterwards here, only once per change. this._dontNotify = true; proto[name].apply(this, arguments); delete this._dontNotify; this._owner[this._set](this); return this; } }, { beans: true }) ); });