selenium-webdriver

Version:

The official WebDriver JavaScript bindings from the Selenium project

1 lines • 39.8 kB

HTML

<!DOCTYPE html><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"><meta http-equiv="Content-Language" content="en"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>rect.js</title><link href="../../../../dossier.css" rel="stylesheet" type="text/css"><header><div><form><div><input type="search" placeholder="Search" tabindex="1"></div></form></div></header><main><article class="srcfile"><h1>lib/goog/math/rect.js</h1><div><table><tr><td><a id="l1"></a><a href="#l1">1</a><td>// Copyright 2006 The Closure Library Authors. All Rights Reserved.<tr><td><a id="l2"></a><a href="#l2">2</a><td>//<tr><td><a id="l3"></a><a href="#l3">3</a><td>// Licensed under the Apache License, Version 2.0 (the "License");<tr><td><a id="l4"></a><a href="#l4">4</a><td>// you may not use this file except in compliance with the License.<tr><td><a id="l5"></a><a href="#l5">5</a><td>// You may obtain a copy of the License at<tr><td><a id="l6"></a><a href="#l6">6</a><td>//<tr><td><a id="l7"></a><a href="#l7">7</a><td>// http://www.apache.org/licenses/LICENSE-2.0<tr><td><a id="l8"></a><a href="#l8">8</a><td>//<tr><td><a id="l9"></a><a href="#l9">9</a><td>// Unless required by applicable law or agreed to in writing, software<tr><td><a id="l10"></a><a href="#l10">10</a><td>// distributed under the License is distributed on an "AS-IS" BASIS,<tr><td><a id="l11"></a><a href="#l11">11</a><td>// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.<tr><td><a id="l12"></a><a href="#l12">12</a><td>// See the License for the specific language governing permissions and<tr><td><a id="l13"></a><a href="#l13">13</a><td>// limitations under the License.<tr><td><a id="l14"></a><a href="#l14">14</a><td><tr><td><a id="l15"></a><a href="#l15">15</a><td>/**<tr><td><a id="l16"></a><a href="#l16">16</a><td> * @fileoverview A utility class for representing rectangles.<tr><td><a id="l17"></a><a href="#l17">17</a><td> */<tr><td><a id="l18"></a><a href="#l18">18</a><td><tr><td><a id="l19"></a><a href="#l19">19</a><td>goog.provide('goog.math.Rect');<tr><td><a id="l20"></a><a href="#l20">20</a><td><tr><td><a id="l21"></a><a href="#l21">21</a><td>goog.require('goog.math.Box');<tr><td><a id="l22"></a><a href="#l22">22</a><td>goog.require('goog.math.Coordinate');<tr><td><a id="l23"></a><a href="#l23">23</a><td>goog.require('goog.math.Size');<tr><td><a id="l24"></a><a href="#l24">24</a><td><tr><td><a id="l25"></a><a href="#l25">25</a><td><tr><td><a id="l26"></a><a href="#l26">26</a><td><tr><td><a id="l27"></a><a href="#l27">27</a><td>/**<tr><td><a id="l28"></a><a href="#l28">28</a><td> * Class for representing rectangular regions.<tr><td><a id="l29"></a><a href="#l29">29</a><td> * @param {number} x Left.<tr><td><a id="l30"></a><a href="#l30">30</a><td> * @param {number} y Top.<tr><td><a id="l31"></a><a href="#l31">31</a><td> * @param {number} w Width.<tr><td><a id="l32"></a><a href="#l32">32</a><td> * @param {number} h Height.<tr><td><a id="l33"></a><a href="#l33">33</a><td> * @struct<tr><td><a id="l34"></a><a href="#l34">34</a><td> * @constructor<tr><td><a id="l35"></a><a href="#l35">35</a><td> */<tr><td><a id="l36"></a><a href="#l36">36</a><td>goog.math.Rect = function(x, y, w, h) {<tr><td><a id="l37"></a><a href="#l37">37</a><td> /** @type {number} */<tr><td><a id="l38"></a><a href="#l38">38</a><td> this.left = x;<tr><td><a id="l39"></a><a href="#l39">39</a><td><tr><td><a id="l40"></a><a href="#l40">40</a><td> /** @type {number} */<tr><td><a id="l41"></a><a href="#l41">41</a><td> this.top = y;<tr><td><a id="l42"></a><a href="#l42">42</a><td><tr><td><a id="l43"></a><a href="#l43">43</a><td> /** @type {number} */<tr><td><a id="l44"></a><a href="#l44">44</a><td> this.width = w;<tr><td><a id="l45"></a><a href="#l45">45</a><td><tr><td><a id="l46"></a><a href="#l46">46</a><td> /** @type {number} */<tr><td><a id="l47"></a><a href="#l47">47</a><td> this.height = h;<tr><td><a id="l48"></a><a href="#l48">48</a><td>};<tr><td><a id="l49"></a><a href="#l49">49</a><td><tr><td><a id="l50"></a><a href="#l50">50</a><td><tr><td><a id="l51"></a><a href="#l51">51</a><td>/**<tr><td><a id="l52"></a><a href="#l52">52</a><td> * @return {!goog.math.Rect} A new copy of this Rectangle.<tr><td><a id="l53"></a><a href="#l53">53</a><td> */<tr><td><a id="l54"></a><a href="#l54">54</a><td>goog.math.Rect.prototype.clone = function() {<tr><td><a id="l55"></a><a href="#l55">55</a><td> return new goog.math.Rect(this.left, this.top, this.width, this.height);<tr><td><a id="l56"></a><a href="#l56">56</a><td>};<tr><td><a id="l57"></a><a href="#l57">57</a><td><tr><td><a id="l58"></a><a href="#l58">58</a><td><tr><td><a id="l59"></a><a href="#l59">59</a><td>/**<tr><td><a id="l60"></a><a href="#l60">60</a><td> * Returns a new Box object with the same position and dimensions as this<tr><td><a id="l61"></a><a href="#l61">61</a><td> * rectangle.<tr><td><a id="l62"></a><a href="#l62">62</a><td> * @return {!goog.math.Box} A new Box representation of this Rectangle.<tr><td><a id="l63"></a><a href="#l63">63</a><td> */<tr><td><a id="l64"></a><a href="#l64">64</a><td>goog.math.Rect.prototype.toBox = function() {<tr><td><a id="l65"></a><a href="#l65">65</a><td> var right = this.left + this.width;<tr><td><a id="l66"></a><a href="#l66">66</a><td> var bottom = this.top + this.height;<tr><td><a id="l67"></a><a href="#l67">67</a><td> return new goog.math.Box(this.top,<tr><td><a id="l68"></a><a href="#l68">68</a><td> right,<tr><td><a id="l69"></a><a href="#l69">69</a><td> bottom,<tr><td><a id="l70"></a><a href="#l70">70</a><td> this.left);<tr><td><a id="l71"></a><a href="#l71">71</a><td>};<tr><td><a id="l72"></a><a href="#l72">72</a><td><tr><td><a id="l73"></a><a href="#l73">73</a><td><tr><td><a id="l74"></a><a href="#l74">74</a><td>/**<tr><td><a id="l75"></a><a href="#l75">75</a><td> * Creates a new Rect object with the position and size given.<tr><td><a id="l76"></a><a href="#l76">76</a><td> * @param {!goog.math.Coordinate} position The top-left coordinate of the Rect<tr><td><a id="l77"></a><a href="#l77">77</a><td> * @param {!goog.math.Size} size The size of the Rect<tr><td><a id="l78"></a><a href="#l78">78</a><td> * @return {!goog.math.Rect} A new Rect initialized with the given position and<tr><td><a id="l79"></a><a href="#l79">79</a><td> * size.<tr><td><a id="l80"></a><a href="#l80">80</a><td> */<tr><td><a id="l81"></a><a href="#l81">81</a><td>goog.math.Rect.createFromPositionAndSize = function(position, size) {<tr><td><a id="l82"></a><a href="#l82">82</a><td> return new goog.math.Rect(position.x, position.y, size.width, size.height);<tr><td><a id="l83"></a><a href="#l83">83</a><td>};<tr><td><a id="l84"></a><a href="#l84">84</a><td><tr><td><a id="l85"></a><a href="#l85">85</a><td><tr><td><a id="l86"></a><a href="#l86">86</a><td>/**<tr><td><a id="l87"></a><a href="#l87">87</a><td> * Creates a new Rect object with the same position and dimensions as a given<tr><td><a id="l88"></a><a href="#l88">88</a><td> * Box. Note that this is only the inverse of toBox if left/top are defined.<tr><td><a id="l89"></a><a href="#l89">89</a><td> * @param {goog.math.Box} box A box.<tr><td><a id="l90"></a><a href="#l90">90</a><td> * @return {!goog.math.Rect} A new Rect initialized with the box's position<tr><td><a id="l91"></a><a href="#l91">91</a><td> * and size.<tr><td><a id="l92"></a><a href="#l92">92</a><td> */<tr><td><a id="l93"></a><a href="#l93">93</a><td>goog.math.Rect.createFromBox = function(box) {<tr><td><a id="l94"></a><a href="#l94">94</a><td> return new goog.math.Rect(box.left, box.top,<tr><td><a id="l95"></a><a href="#l95">95</a><td> box.right - box.left, box.bottom - box.top);<tr><td><a id="l96"></a><a href="#l96">96</a><td>};<tr><td><a id="l97"></a><a href="#l97">97</a><td><tr><td><a id="l98"></a><a href="#l98">98</a><td><tr><td><a id="l99"></a><a href="#l99">99</a><td>if (goog.DEBUG) {<tr><td><a id="l100"></a><a href="#l100">100</a><td> /**<tr><td><a id="l101"></a><a href="#l101">101</a><td> * Returns a nice string representing size and dimensions of rectangle.<tr><td><a id="l102"></a><a href="#l102">102</a><td> * @return {string} In the form (50, 73 - 75w x 25h).<tr><td><a id="l103"></a><a href="#l103">103</a><td> * @override<tr><td><a id="l104"></a><a href="#l104">104</a><td> */<tr><td><a id="l105"></a><a href="#l105">105</a><td> goog.math.Rect.prototype.toString = function() {<tr><td><a id="l106"></a><a href="#l106">106</a><td> return '(' + this.left + ', ' + this.top + ' - ' + this.width + 'w x ' +<tr><td><a id="l107"></a><a href="#l107">107</a><td> this.height + 'h)';<tr><td><a id="l108"></a><a href="#l108">108</a><td> };<tr><td><a id="l109"></a><a href="#l109">109</a><td>}<tr><td><a id="l110"></a><a href="#l110">110</a><td><tr><td><a id="l111"></a><a href="#l111">111</a><td><tr><td><a id="l112"></a><a href="#l112">112</a><td>/**<tr><td><a id="l113"></a><a href="#l113">113</a><td> * Compares rectangles for equality.<tr><td><a id="l114"></a><a href="#l114">114</a><td> * @param {goog.math.Rect} a A Rectangle.<tr><td><a id="l115"></a><a href="#l115">115</a><td> * @param {goog.math.Rect} b A Rectangle.<tr><td><a id="l116"></a><a href="#l116">116</a><td> * @return {boolean} True iff the rectangles have the same left, top, width,<tr><td><a id="l117"></a><a href="#l117">117</a><td> * and height, or if both are null.<tr><td><a id="l118"></a><a href="#l118">118</a><td> */<tr><td><a id="l119"></a><a href="#l119">119</a><td>goog.math.Rect.equals = function(a, b) {<tr><td><a id="l120"></a><a href="#l120">120</a><td> if (a == b) {<tr><td><a id="l121"></a><a href="#l121">121</a><td> return true;<tr><td><a id="l122"></a><a href="#l122">122</a><td> }<tr><td><a id="l123"></a><a href="#l123">123</a><td> if (!a || !b) {<tr><td><a id="l124"></a><a href="#l124">124</a><td> return false;<tr><td><a id="l125"></a><a href="#l125">125</a><td> }<tr><td><a id="l126"></a><a href="#l126">126</a><td> return a.left == b.left && a.width == b.width &&<tr><td><a id="l127"></a><a href="#l127">127</a><td> a.top == b.top && a.height == b.height;<tr><td><a id="l128"></a><a href="#l128">128</a><td>};<tr><td><a id="l129"></a><a href="#l129">129</a><td><tr><td><a id="l130"></a><a href="#l130">130</a><td><tr><td><a id="l131"></a><a href="#l131">131</a><td>/**<tr><td><a id="l132"></a><a href="#l132">132</a><td> * Computes the intersection of this rectangle and the rectangle parameter. If<tr><td><a id="l133"></a><a href="#l133">133</a><td> * there is no intersection, returns false and leaves this rectangle as is.<tr><td><a id="l134"></a><a href="#l134">134</a><td> * @param {goog.math.Rect} rect A Rectangle.<tr><td><a id="l135"></a><a href="#l135">135</a><td> * @return {boolean} True iff this rectangle intersects with the parameter.<tr><td><a id="l136"></a><a href="#l136">136</a><td> */<tr><td><a id="l137"></a><a href="#l137">137</a><td>goog.math.Rect.prototype.intersection = function(rect) {<tr><td><a id="l138"></a><a href="#l138">138</a><td> var x0 = Math.max(this.left, rect.left);<tr><td><a id="l139"></a><a href="#l139">139</a><td> var x1 = Math.min(this.left + this.width, rect.left + rect.width);<tr><td><a id="l140"></a><a href="#l140">140</a><td><tr><td><a id="l141"></a><a href="#l141">141</a><td> if (x0 <= x1) {<tr><td><a id="l142"></a><a href="#l142">142</a><td> var y0 = Math.max(this.top, rect.top);<tr><td><a id="l143"></a><a href="#l143">143</a><td> var y1 = Math.min(this.top + this.height, rect.top + rect.height);<tr><td><a id="l144"></a><a href="#l144">144</a><td><tr><td><a id="l145"></a><a href="#l145">145</a><td> if (y0 <= y1) {<tr><td><a id="l146"></a><a href="#l146">146</a><td> this.left = x0;<tr><td><a id="l147"></a><a href="#l147">147</a><td> this.top = y0;<tr><td><a id="l148"></a><a href="#l148">148</a><td> this.width = x1 - x0;<tr><td><a id="l149"></a><a href="#l149">149</a><td> this.height = y1 - y0;<tr><td><a id="l150"></a><a href="#l150">150</a><td><tr><td><a id="l151"></a><a href="#l151">151</a><td> return true;<tr><td><a id="l152"></a><a href="#l152">152</a><td> }<tr><td><a id="l153"></a><a href="#l153">153</a><td> }<tr><td><a id="l154"></a><a href="#l154">154</a><td> return false;<tr><td><a id="l155"></a><a href="#l155">155</a><td>};<tr><td><a id="l156"></a><a href="#l156">156</a><td><tr><td><a id="l157"></a><a href="#l157">157</a><td><tr><td><a id="l158"></a><a href="#l158">158</a><td>/**<tr><td><a id="l159"></a><a href="#l159">159</a><td> * Returns the intersection of two rectangles. Two rectangles intersect if they<tr><td><a id="l160"></a><a href="#l160">160</a><td> * touch at all, for example, two zero width and height rectangles would<tr><td><a id="l161"></a><a href="#l161">161</a><td> * intersect if they had the same top and left.<tr><td><a id="l162"></a><a href="#l162">162</a><td> * @param {goog.math.Rect} a A Rectangle.<tr><td><a id="l163"></a><a href="#l163">163</a><td> * @param {goog.math.Rect} b A Rectangle.<tr><td><a id="l164"></a><a href="#l164">164</a><td> * @return {goog.math.Rect} A new intersection rect (even if width and height<tr><td><a id="l165"></a><a href="#l165">165</a><td> * are 0), or null if there is no intersection.<tr><td><a id="l166"></a><a href="#l166">166</a><td> */<tr><td><a id="l167"></a><a href="#l167">167</a><td>goog.math.Rect.intersection = function(a, b) {<tr><td><a id="l168"></a><a href="#l168">168</a><td> // There is no nice way to do intersection via a clone, because any such<tr><td><a id="l169"></a><a href="#l169">169</a><td> // clone might be unnecessary if this function returns null. So, we duplicate<tr><td><a id="l170"></a><a href="#l170">170</a><td> // code from above.<tr><td><a id="l171"></a><a href="#l171">171</a><td><tr><td><a id="l172"></a><a href="#l172">172</a><td> var x0 = Math.max(a.left, b.left);<tr><td><a id="l173"></a><a href="#l173">173</a><td> var x1 = Math.min(a.left + a.width, b.left + b.width);<tr><td><a id="l174"></a><a href="#l174">174</a><td><tr><td><a id="l175"></a><a href="#l175">175</a><td> if (x0 <= x1) {<tr><td><a id="l176"></a><a href="#l176">176</a><td> var y0 = Math.max(a.top, b.top);<tr><td><a id="l177"></a><a href="#l177">177</a><td> var y1 = Math.min(a.top + a.height, b.top + b.height);<tr><td><a id="l178"></a><a href="#l178">178</a><td><tr><td><a id="l179"></a><a href="#l179">179</a><td> if (y0 <= y1) {<tr><td><a id="l180"></a><a href="#l180">180</a><td> return new goog.math.Rect(x0, y0, x1 - x0, y1 - y0);<tr><td><a id="l181"></a><a href="#l181">181</a><td> }<tr><td><a id="l182"></a><a href="#l182">182</a><td> }<tr><td><a id="l183"></a><a href="#l183">183</a><td> return null;<tr><td><a id="l184"></a><a href="#l184">184</a><td>};<tr><td><a id="l185"></a><a href="#l185">185</a><td><tr><td><a id="l186"></a><a href="#l186">186</a><td><tr><td><a id="l187"></a><a href="#l187">187</a><td>/**<tr><td><a id="l188"></a><a href="#l188">188</a><td> * Returns whether two rectangles intersect. Two rectangles intersect if they<tr><td><a id="l189"></a><a href="#l189">189</a><td> * touch at all, for example, two zero width and height rectangles would<tr><td><a id="l190"></a><a href="#l190">190</a><td> * intersect if they had the same top and left.<tr><td><a id="l191"></a><a href="#l191">191</a><td> * @param {goog.math.Rect} a A Rectangle.<tr><td><a id="l192"></a><a href="#l192">192</a><td> * @param {goog.math.Rect} b A Rectangle.<tr><td><a id="l193"></a><a href="#l193">193</a><td> * @return {boolean} Whether a and b intersect.<tr><td><a id="l194"></a><a href="#l194">194</a><td> */<tr><td><a id="l195"></a><a href="#l195">195</a><td>goog.math.Rect.intersects = function(a, b) {<tr><td><a id="l196"></a><a href="#l196">196</a><td> return (a.left <= b.left + b.width && b.left <= a.left + a.width &&<tr><td><a id="l197"></a><a href="#l197">197</a><td> a.top <= b.top + b.height && b.top <= a.top + a.height);<tr><td><a id="l198"></a><a href="#l198">198</a><td>};<tr><td><a id="l199"></a><a href="#l199">199</a><td><tr><td><a id="l200"></a><a href="#l200">200</a><td><tr><td><a id="l201"></a><a href="#l201">201</a><td>/**<tr><td><a id="l202"></a><a href="#l202">202</a><td> * Returns whether a rectangle intersects this rectangle.<tr><td><a id="l203"></a><a href="#l203">203</a><td> * @param {goog.math.Rect} rect A rectangle.<tr><td><a id="l204"></a><a href="#l204">204</a><td> * @return {boolean} Whether rect intersects this rectangle.<tr><td><a id="l205"></a><a href="#l205">205</a><td> */<tr><td><a id="l206"></a><a href="#l206">206</a><td>goog.math.Rect.prototype.intersects = function(rect) {<tr><td><a id="l207"></a><a href="#l207">207</a><td> return goog.math.Rect.intersects(this, rect);<tr><td><a id="l208"></a><a href="#l208">208</a><td>};<tr><td><a id="l209"></a><a href="#l209">209</a><td><tr><td><a id="l210"></a><a href="#l210">210</a><td><tr><td><a id="l211"></a><a href="#l211">211</a><td>/**<tr><td><a id="l212"></a><a href="#l212">212</a><td> * Computes the difference regions between two rectangles. The return value is<tr><td><a id="l213"></a><a href="#l213">213</a><td> * an array of 0 to 4 rectangles defining the remaining regions of the first<tr><td><a id="l214"></a><a href="#l214">214</a><td> * rectangle after the second has been subtracted.<tr><td><a id="l215"></a><a href="#l215">215</a><td> * @param {goog.math.Rect} a A Rectangle.<tr><td><a id="l216"></a><a href="#l216">216</a><td> * @param {goog.math.Rect} b A Rectangle.<tr><td><a id="l217"></a><a href="#l217">217</a><td> * @return {!Array<!goog.math.Rect>} An array with 0 to 4 rectangles which<tr><td><a id="l218"></a><a href="#l218">218</a><td> * together define the difference area of rectangle a minus rectangle b.<tr><td><a id="l219"></a><a href="#l219">219</a><td> */<tr><td><a id="l220"></a><a href="#l220">220</a><td>goog.math.Rect.difference = function(a, b) {<tr><td><a id="l221"></a><a href="#l221">221</a><td> var intersection = goog.math.Rect.intersection(a, b);<tr><td><a id="l222"></a><a href="#l222">222</a><td> if (!intersection || !intersection.height || !intersection.width) {<tr><td><a id="l223"></a><a href="#l223">223</a><td> return [a.clone()];<tr><td><a id="l224"></a><a href="#l224">224</a><td> }<tr><td><a id="l225"></a><a href="#l225">225</a><td><tr><td><a id="l226"></a><a href="#l226">226</a><td> var result = [];<tr><td><a id="l227"></a><a href="#l227">227</a><td><tr><td><a id="l228"></a><a href="#l228">228</a><td> var top = a.top;<tr><td><a id="l229"></a><a href="#l229">229</a><td> var height = a.height;<tr><td><a id="l230"></a><a href="#l230">230</a><td><tr><td><a id="l231"></a><a href="#l231">231</a><td> var ar = a.left + a.width;<tr><td><a id="l232"></a><a href="#l232">232</a><td> var ab = a.top + a.height;<tr><td><a id="l233"></a><a href="#l233">233</a><td><tr><td><a id="l234"></a><a href="#l234">234</a><td> var br = b.left + b.width;<tr><td><a id="l235"></a><a href="#l235">235</a><td> var bb = b.top + b.height;<tr><td><a id="l236"></a><a href="#l236">236</a><td><tr><td><a id="l237"></a><a href="#l237">237</a><td> // Subtract off any area on top where A extends past B<tr><td><a id="l238"></a><a href="#l238">238</a><td> if (b.top > a.top) {<tr><td><a id="l239"></a><a href="#l239">239</a><td> result.push(new goog.math.Rect(a.left, a.top, a.width, b.top - a.top));<tr><td><a id="l240"></a><a href="#l240">240</a><td> top = b.top;<tr><td><a id="l241"></a><a href="#l241">241</a><td> // If we're moving the top down, we also need to subtract the height diff.<tr><td><a id="l242"></a><a href="#l242">242</a><td> height -= b.top - a.top;<tr><td><a id="l243"></a><a href="#l243">243</a><td> }<tr><td><a id="l244"></a><a href="#l244">244</a><td> // Subtract off any area on bottom where A extends past B<tr><td><a id="l245"></a><a href="#l245">245</a><td> if (bb < ab) {<tr><td><a id="l246"></a><a href="#l246">246</a><td> result.push(new goog.math.Rect(a.left, bb, a.width, ab - bb));<tr><td><a id="l247"></a><a href="#l247">247</a><td> height = bb - top;<tr><td><a id="l248"></a><a href="#l248">248</a><td> }<tr><td><a id="l249"></a><a href="#l249">249</a><td> // Subtract any area on left where A extends past B<tr><td><a id="l250"></a><a href="#l250">250</a><td> if (b.left > a.left) {<tr><td><a id="l251"></a><a href="#l251">251</a><td> result.push(new goog.math.Rect(a.left, top, b.left - a.left, height));<tr><td><a id="l252"></a><a href="#l252">252</a><td> }<tr><td><a id="l253"></a><a href="#l253">253</a><td> // Subtract any area on right where A extends past B<tr><td><a id="l254"></a><a href="#l254">254</a><td> if (br < ar) {<tr><td><a id="l255"></a><a href="#l255">255</a><td> result.push(new goog.math.Rect(br, top, ar - br, height));<tr><td><a id="l256"></a><a href="#l256">256</a><td> }<tr><td><a id="l257"></a><a href="#l257">257</a><td><tr><td><a id="l258"></a><a href="#l258">258</a><td> return result;<tr><td><a id="l259"></a><a href="#l259">259</a><td>};<tr><td><a id="l260"></a><a href="#l260">260</a><td><tr><td><a id="l261"></a><a href="#l261">261</a><td><tr><td><a id="l262"></a><a href="#l262">262</a><td>/**<tr><td><a id="l263"></a><a href="#l263">263</a><td> * Computes the difference regions between this rectangle and {@code rect}. The<tr><td><a id="l264"></a><a href="#l264">264</a><td> * return value is an array of 0 to 4 rectangles defining the remaining regions<tr><td><a id="l265"></a><a href="#l265">265</a><td> * of this rectangle after the other has been subtracted.<tr><td><a id="l266"></a><a href="#l266">266</a><td> * @param {goog.math.Rect} rect A Rectangle.<tr><td><a id="l267"></a><a href="#l267">267</a><td> * @return {!Array<!goog.math.Rect>} An array with 0 to 4 rectangles which<tr><td><a id="l268"></a><a href="#l268">268</a><td> * together define the difference area of rectangle a minus rectangle b.<tr><td><a id="l269"></a><a href="#l269">269</a><td> */<tr><td><a id="l270"></a><a href="#l270">270</a><td>goog.math.Rect.prototype.difference = function(rect) {<tr><td><a id="l271"></a><a href="#l271">271</a><td> return goog.math.Rect.difference(this, rect);<tr><td><a id="l272"></a><a href="#l272">272</a><td>};<tr><td><a id="l273"></a><a href="#l273">273</a><td><tr><td><a id="l274"></a><a href="#l274">274</a><td><tr><td><a id="l275"></a><a href="#l275">275</a><td>/**<tr><td><a id="l276"></a><a href="#l276">276</a><td> * Expand this rectangle to also include the area of the given rectangle.<tr><td><a id="l277"></a><a href="#l277">277</a><td> * @param {goog.math.Rect} rect The other rectangle.<tr><td><a id="l278"></a><a href="#l278">278</a><td> */<tr><td><a id="l279"></a><a href="#l279">279</a><td>goog.math.Rect.prototype.boundingRect = function(rect) {<tr><td><a id="l280"></a><a href="#l280">280</a><td> // We compute right and bottom before we change left and top below.<tr><td><a id="l281"></a><a href="#l281">281</a><td> var right = Math.max(this.left + this.width, rect.left + rect.width);<tr><td><a id="l282"></a><a href="#l282">282</a><td> var bottom = Math.max(this.top + this.height, rect.top + rect.height);<tr><td><a id="l283"></a><a href="#l283">283</a><td><tr><td><a id="l284"></a><a href="#l284">284</a><td> this.left = Math.min(this.left, rect.left);<tr><td><a id="l285"></a><a href="#l285">285</a><td> this.top = Math.min(this.top, rect.top);<tr><td><a id="l286"></a><a href="#l286">286</a><td><tr><td><a id="l287"></a><a href="#l287">287</a><td> this.width = right - this.left;<tr><td><a id="l288"></a><a href="#l288">288</a><td> this.height = bottom - this.top;<tr><td><a id="l289"></a><a href="#l289">289</a><td>};<tr><td><a id="l290"></a><a href="#l290">290</a><td><tr><td><a id="l291"></a><a href="#l291">291</a><td><tr><td><a id="l292"></a><a href="#l292">292</a><td>/**<tr><td><a id="l293"></a><a href="#l293">293</a><td> * Returns a new rectangle which completely contains both input rectangles.<tr><td><a id="l294"></a><a href="#l294">294</a><td> * @param {goog.math.Rect} a A rectangle.<tr><td><a id="l295"></a><a href="#l295">295</a><td> * @param {goog.math.Rect} b A rectangle.<tr><td><a id="l296"></a><a href="#l296">296</a><td> * @return {goog.math.Rect} A new bounding rect, or null if either rect is<tr><td><a id="l297"></a><a href="#l297">297</a><td> * null.<tr><td><a id="l298"></a><a href="#l298">298</a><td> */<tr><td><a id="l299"></a><a href="#l299">299</a><td>goog.math.Rect.boundingRect = function(a, b) {<tr><td><a id="l300"></a><a href="#l300">300</a><td> if (!a || !b) {<tr><td><a id="l301"></a><a href="#l301">301</a><td> return null;<tr><td><a id="l302"></a><a href="#l302">302</a><td> }<tr><td><a id="l303"></a><a href="#l303">303</a><td><tr><td><a id="l304"></a><a href="#l304">304</a><td> var clone = a.clone();<tr><td><a id="l305"></a><a href="#l305">305</a><td> clone.boundingRect(b);<tr><td><a id="l306"></a><a href="#l306">306</a><td><tr><td><a id="l307"></a><a href="#l307">307</a><td> return clone;<tr><td><a id="l308"></a><a href="#l308">308</a><td>};<tr><td><a id="l309"></a><a href="#l309">309</a><td><tr><td><a id="l310"></a><a href="#l310">310</a><td><tr><td><a id="l311"></a><a href="#l311">311</a><td>/**<tr><td><a id="l312"></a><a href="#l312">312</a><td> * Tests whether this rectangle entirely contains another rectangle or<tr><td><a id="l313"></a><a href="#l313">313</a><td> * coordinate.<tr><td><a id="l314"></a><a href="#l314">314</a><td> *<tr><td><a id="l315"></a><a href="#l315">315</a><td> * @param {goog.math.Rect|goog.math.Coordinate} another The rectangle or<tr><td><a id="l316"></a><a href="#l316">316</a><td> * coordinate to test for containment.<tr><td><a id="l317"></a><a href="#l317">317</a><td> * @return {boolean} Whether this rectangle contains given rectangle or<tr><td><a id="l318"></a><a href="#l318">318</a><td> * coordinate.<tr><td><a id="l319"></a><a href="#l319">319</a><td> */<tr><td><a id="l320"></a><a href="#l320">320</a><td>goog.math.Rect.prototype.contains = function(another) {<tr><td><a id="l321"></a><a href="#l321">321</a><td> if (another instanceof goog.math.Rect) {<tr><td><a id="l322"></a><a href="#l322">322</a><td> return this.left <= another.left &&<tr><td><a id="l323"></a><a href="#l323">323</a><td> this.left + this.width >= another.left + another.width &&<tr><td><a id="l324"></a><a href="#l324">324</a><td> this.top <= another.top &&<tr><td><a id="l325"></a><a href="#l325">325</a><td> this.top + this.height >= another.top + another.height;<tr><td><a id="l326"></a><a href="#l326">326</a><td> } else { // (another instanceof goog.math.Coordinate)<tr><td><a id="l327"></a><a href="#l327">327</a><td> return another.x >= this.left &&<tr><td><a id="l328"></a><a href="#l328">328</a><td> another.x <= this.left + this.width &&<tr><td><a id="l329"></a><a href="#l329">329</a><td> another.y >= this.top &&<tr><td><a id="l330"></a><a href="#l330">330</a><td> another.y <= this.top + this.height;<tr><td><a id="l331"></a><a href="#l331">331</a><td> }<tr><td><a id="l332"></a><a href="#l332">332</a><td>};<tr><td><a id="l333"></a><a href="#l333">333</a><td><tr><td><a id="l334"></a><a href="#l334">334</a><td><tr><td><a id="l335"></a><a href="#l335">335</a><td>/**<tr><td><a id="l336"></a><a href="#l336">336</a><td> * @param {!goog.math.Coordinate} point A coordinate.<tr><td><a id="l337"></a><a href="#l337">337</a><td> * @return {number} The squared distance between the point and the closest<tr><td><a id="l338"></a><a href="#l338">338</a><td> * point inside the rectangle. Returns 0 if the point is inside the<tr><td><a id="l339"></a><a href="#l339">339</a><td> * rectangle.<tr><td><a id="l340"></a><a href="#l340">340</a><td> */<tr><td><a id="l341"></a><a href="#l341">341</a><td>goog.math.Rect.prototype.squaredDistance = function(point) {<tr><td><a id="l342"></a><a href="#l342">342</a><td> var dx = point.x < this.left ?<tr><td><a id="l343"></a><a href="#l343">343</a><td> this.left - point.x : Math.max(point.x - (this.left + this.width), 0);<tr><td><a id="l344"></a><a href="#l344">344</a><td> var dy = point.y < this.top ?<tr><td><a id="l345"></a><a href="#l345">345</a><td> this.top - point.y : Math.max(point.y - (this.top + this.height), 0);<tr><td><a id="l346"></a><a href="#l346">346</a><td> return dx * dx + dy * dy;<tr><td><a id="l347"></a><a href="#l347">347</a><td>};<tr><td><a id="l348"></a><a href="#l348">348</a><td><tr><td><a id="l349"></a><a href="#l349">349</a><td><tr><td><a id="l350"></a><a href="#l350">350</a><td>/**<tr><td><a id="l351"></a><a href="#l351">351</a><td> * @param {!goog.math.Coordinate} point A coordinate.<tr><td><a id="l352"></a><a href="#l352">352</a><td> * @return {number} The distance between the point and the closest point<tr><td><a id="l353"></a><a href="#l353">353</a><td> * inside the rectangle. Returns 0 if the point is inside the rectangle.<tr><td><a id="l354"></a><a href="#l354">354</a><td> */<tr><td><a id="l355"></a><a href="#l355">355</a><td>goog.math.Rect.prototype.distance = function(point) {<tr><td><a id="l356"></a><a href="#l356">356</a><td> return Math.sqrt(this.squaredDistance(point));<tr><td><a id="l357"></a><a href="#l357">357</a><td>};<tr><td><a id="l358"></a><a href="#l358">358</a><td><tr><td><a id="l359"></a><a href="#l359">359</a><td><tr><td><a id="l360"></a><a href="#l360">360</a><td>/**<tr><td><a id="l361"></a><a href="#l361">361</a><td> * @return {!goog.math.Size} The size of this rectangle.<tr><td><a id="l362"></a><a href="#l362">362</a><td> */<tr><td><a id="l363"></a><a href="#l363">363</a><td>goog.math.Rect.prototype.getSize = function() {<tr><td><a id="l364"></a><a href="#l364">364</a><td> return new goog.math.Size(this.width, this.height);<tr><td><a id="l365"></a><a href="#l365">365</a><td>};<tr><td><a id="l366"></a><a href="#l366">366</a><td><tr><td><a id="l367"></a><a href="#l367">367</a><td><tr><td><a id="l368"></a><a href="#l368">368</a><td>/**<tr><td><a id="l369"></a><a href="#l369">369</a><td> * @return {!goog.math.Coordinate} A new coordinate for the top-left corner of<tr><td><a id="l370"></a><a href="#l370">370</a><td> * the rectangle.<tr><td><a id="l371"></a><a href="#l371">371</a><td> */<tr><td><a id="l372"></a><a href="#l372">372</a><td>goog.math.Rect.prototype.getTopLeft = function() {<tr><td><a id="l373"></a><a href="#l373">373</a><td> return new goog.math.Coordinate(this.left, this.top);<tr><td><a id="l374"></a><a href="#l374">374</a><td>};<tr><td><a id="l375"></a><a href="#l375">375</a><td><tr><td><a id="l376"></a><a href="#l376">376</a><td><tr><td><a id="l377"></a><a href="#l377">377</a><td>/**<tr><td><a id="l378"></a><a href="#l378">378</a><td> * @return {!goog.math.Coordinate} A new coordinate for the center of the<tr><td><a id="l379"></a><a href="#l379">379</a><td> * rectangle.<tr><td><a id="l380"></a><a href="#l380">380</a><td> */<tr><td><a id="l381"></a><a href="#l381">381</a><td>goog.math.Rect.prototype.getCenter = function() {<tr><td><a id="l382"></a><a href="#l382">382</a><td> return new goog.math.Coordinate(<tr><td><a id="l383"></a><a href="#l383">383</a><td> this.left + this.width / 2, this.top + this.height / 2);<tr><td><a id="l384"></a><a href="#l384">384</a><td>};<tr><td><a id="l385"></a><a href="#l385">385</a><td><tr><td><a id="l386"></a><a href="#l386">386</a><td><tr><td><a id="l387"></a><a href="#l387">387</a><td>/**<tr><td><a id="l388"></a><a href="#l388">388</a><td> * @return {!goog.math.Coordinate} A new coordinate for the bottom-right corner<tr><td><a id="l389"></a><a href="#l389">389</a><td> * of the rectangle.<tr><td><a id="l390"></a><a href="#l390">390</a><td> */<tr><td><a id="l391"></a><a href="#l391">391</a><td>goog.math.Rect.prototype.getBottomRight = function() {<tr><td><a id="l392"></a><a href="#l392">392</a><td> return new goog.math.Coordinate(<tr><td><a id="l393"></a><a href="#l393">393</a><td> this.left + this.width, this.top + this.height);<tr><td><a id="l394"></a><a href="#l394">394</a><td>};<tr><td><a id="l395"></a><a href="#l395">395</a><td><tr><td><a id="l396"></a><a href="#l396">396</a><td><tr><td><a id="l397"></a><a href="#l397">397</a><td>/**<tr><td><a id="l398"></a><a href="#l398">398</a><td> * Rounds the fields to the next larger integer values.<tr><td><a id="l399"></a><a href="#l399">399</a><td> * @return {!goog.math.Rect} This rectangle with ceil'd fields.<tr><td><a id="l400"></a><a href="#l400">400</a><td> */<tr><td><a id="l401"></a><a href="#l401">401</a><td>goog.math.Rect.prototype.ceil = function() {<tr><td><a id="l402"></a><a href="#l402">402</a><td> this.left = Math.ceil(this.left);<tr><td><a id="l403"></a><a href="#l403">403</a><td> this.top = Math.ceil(this.top);<tr><td><a id="l404"></a><a href="#l404">404</a><td> this.width = Math.ceil(this.width);<tr><td><a id="l405"></a><a href="#l405">405</a><td> this.height = Math.ceil(this.height);<tr><td><a id="l406"></a><a href="#l406">406</a><td> return this;<tr><td><a id="l407"></a><a href="#l407">407</a><td>};<tr><td><a id="l408"></a><a href="#l408">408</a><td><tr><td><a id="l409"></a><a href="#l409">409</a><td><tr><td><a id="l410"></a><a href="#l410">410</a><td>/**<tr><td><a id="l411"></a><a href="#l411">411</a><td> * Rounds the fields to the next smaller integer values.<tr><td><a id="l412"></a><a href="#l412">412</a><td> * @return {!goog.math.Rect} This rectangle with floored fields.<tr><td><a id="l413"></a><a href="#l413">413</a><td> */<tr><td><a id="l414"></a><a href="#l414">414</a><td>goog.math.Rect.prototype.floor = function() {<tr><td><a id="l415"></a><a href="#l415">415</a><td> this.left = Math.floor(this.left);<tr><td><a id="l416"></a><a href="#l416">416</a><td> this.top = Math.floor(this.top);<tr><td><a id="l417"></a><a href="#l417">417</a><td> this.width = Math.floor(this.width);<tr><td><a id="l418"></a><a href="#l418">418</a><td> this.height = Math.floor(this.height);<tr><td><a id="l419"></a><a href="#l419">419</a><td> return this;<tr><td><a id="l420"></a><a href="#l420">420</a><td>};<tr><td><a id="l421"></a><a href="#l421">421</a><td><tr><td><a id="l422"></a><a href="#l422">422</a><td><tr><td><a id="l423"></a><a href="#l423">423</a><td>/**<tr><td><a id="l424"></a><a href="#l424">424</a><td> * Rounds the fields to nearest integer values.<tr><td><a id="l425"></a><a href="#l425">425</a><td> * @return {!goog.math.Rect} This rectangle with rounded fields.<tr><td><a id="l426"></a><a href="#l426">426</a><td> */<tr><td><a id="l427"></a><a href="#l427">427</a><td>goog.math.Rect.prototype.round = function() {<tr><td><a id="l428"></a><a href="#l428">428</a><td> this.left = Math.round(this.left);<tr><td><a id="l429"></a><a href="#l429">429</a><td> this.top = Math.round(this.top);<tr><td><a id="l430"></a><a href="#l430">430</a><td> this.width = Math.round(this.width);<tr><td><a id="l431"></a><a href="#l431">431</a><td> this.height = Math.round(this.height);<tr><td><a id="l432"></a><a href="#l432">432</a><td> return this;<tr><td><a id="l433"></a><a href="#l433">433</a><td>};<tr><td><a id="l434"></a><a href="#l434">434</a><td><tr><td><a id="l435"></a><a href="#l435">435</a><td><tr><td><a id="l436"></a><a href="#l436">436</a><td>/**<tr><td><a id="l437"></a><a href="#l437">437</a><td> * Translates this rectangle by the given offsets. If a<tr><td><a id="l438"></a><a href="#l438">438</a><td> * {@code goog.math.Coordinate} is given, then the left and top values are<tr><td><a id="l439"></a><a href="#l439">439</a><td> * translated by the coordinate's x and y values. Otherwise, top and left are<tr><td><a id="l440"></a><a href="#l440">440</a><td> * translated by {@code tx} and {@code opt_ty} respectively.<tr><td><a id="l441"></a><a href="#l441">441</a><td> * @param {number|goog.math.Coordinate} tx The value to translate left by or the<tr><td><a id="l442"></a><a href="#l442">442</a><td> * the coordinate to translate this rect by.<tr><td><a id="l443"></a><a href="#l443">443</a><td> * @param {number=} opt_ty The value to translate top by.<tr><td><a id="l444"></a><a href="#l444">444</a><td> * @return {!goog.math.Rect} This rectangle after translating.<tr><td><a id="l445"></a><a href="#l445">445</a><td> */<tr><td><a id="l446"></a><a href="#l446">446</a><td>goog.math.Rect.prototype.translate = function(tx, opt_ty) {<tr><td><a id="l447"></a><a href="#l447">447</a><td> if (tx instanceof goog.math.Coordinate) {<tr><td><a id="l448"></a><a href="#l448">448</a><td> this.left += tx.x;<tr><td><a id="l449"></a><a href="#l449">449</a><td> this.top += tx.y;<tr><td><a id="l450"></a><a href="#l450">450</a><td> } else {<tr><td><a id="l451"></a><a href="#l451">451</a><td> this.left += tx;<tr><td><a id="l452"></a><a href="#l452">452</a><td> if (goog.isNumber(opt_ty)) {<tr><td><a id="l453"></a><a href="#l453">453</a><td> this.top += opt_ty;<tr><td><a id="l454"></a><a href="#l454">454</a><td> }<tr><td><a id="l455"></a><a href="#l455">455</a><td> }<tr><td><a id="l456"></a><a href="#l456">456</a><td> return this;<tr><td><a id="l457"></a><a href="#l457">457</a><td>};<tr><td><a id="l458"></a><a href="#l458">458</a><td><tr><td><a id="l459"></a><a href="#l459">459</a><td><tr><td><a id="l460"></a><a href="#l460">460</a><td>/**<tr><td><a id="l461"></a><a href="#l461">461</a><td> * Scales this rectangle by the given scale factors. The left and width values<tr><td><a id="l462"></a><a href="#l462">462</a><td> * are scaled by {@code sx} and the top and height values are scaled by<tr><td><a id="l463"></a><a href="#l463">463</a><td> * {@code opt_sy}. If {@code opt_sy} is not given, then all fields are scaled<tr><td><a id="l464"></a><a href="#l464">464</a><td> * by {@code sx}.<tr><td><a id="l465"></a><a href="#l465">465</a><td> * @param {number} sx The scale factor to use for the x dimension.<tr><td><a id="l466"></a><a href="#l466">466</a><td> * @param {number=} opt_sy The scale factor to use for the y dimension.<tr><td><a id="l467"></a><a href="#l467">467</a><td> * @return {!goog.math.Rect} This rectangle after scaling.<tr><td><a id="l468"></a><a href="#l468">468</a><td> */<tr><td><a id="l469"></a><a href="#l469">469</a><td>goog.math.Rect.prototype.scale = function(sx, opt_sy) {<tr><td><a id="l470"></a><a href="#l470">470</a><td> var sy = goog.isNumber(opt_sy) ? opt_sy : sx;<tr><td><a id="l471"></a><a href="#l471">471</a><td> this.left *= sx;<tr><td><a id="l472"></a><a href="#l472">472</a><td> this.width *= sx;<tr><td><a id="l473"></a><a href="#l473">473</a><td> this.top *= sy;<tr><td><a id="l474"></a><a href="#l474">474</a><td> this.height *= sy;<tr><td><a id="l475"></a><a href="#l475">475</a><td> return this;<tr><td><a id="l476"></a><a href="#l476">476</a><td>};</table></div></article><nav><h3><a href="../../../../index.html" tabindex="2">Overview</a></h3><div><input type="checkbox" id="nav-modules" checked/><label for="nav-modules"><h3><span class="selectable" tabindex="2">Modules</span></h3></label><div id="nav-modules-view"></div></div><div><input type="checkbox" id="nav-types" checked/><label for="nav-types"><h3><span class="selectable" tabindex="2">Types</span></h3></label><div id="nav-types-view"></div></div><h3><a href="../../../../Changes.html" tabindex="2">Changes</a></h3></nav></main><footer><div><a href="https://github.com/jleyba/js-dossier">Generated by dossier</a></div></footer><script src="../../../../types.js"></script><script src="../../../../dossier.js"></script>