selenium-webdriver
Version:
The official WebDriver JavaScript bindings from the Selenium project
1 lines • 30 kB
HTML
<meta charset="UTF-8"><meta http-equiv="Content-Language" content="en" /><title>box.js</title><link href="../../../../dossier.css" rel="stylesheet" type="text/css"><div id="main-wrapper"><input type="checkbox" id="sidenav-toggle" /><main><header><h1>lib/goog/math/box.js</h1></header><pre><table class="srcfile"><tbody><tr><td><a name="l1" href="#l1">1</a><td>// Copyright 2006 The Closure Library Authors. All Rights Reserved.<tr><td><a name="l2" href="#l2">2</a><td>//<tr><td><a name="l3" href="#l3">3</a><td>// Licensed under the Apache License, Version 2.0 (the "License");<tr><td><a name="l4" href="#l4">4</a><td>// you may not use this file except in compliance with the License.<tr><td><a name="l5" href="#l5">5</a><td>// You may obtain a copy of the License at<tr><td><a name="l6" href="#l6">6</a><td>//<tr><td><a name="l7" href="#l7">7</a><td>// http://www.apache.org/licenses/LICENSE-2.0<tr><td><a name="l8" href="#l8">8</a><td>//<tr><td><a name="l9" href="#l9">9</a><td>// Unless required by applicable law or agreed to in writing, software<tr><td><a name="l10" href="#l10">10</a><td>// distributed under the License is distributed on an "AS-IS" BASIS,<tr><td><a name="l11" href="#l11">11</a><td>// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.<tr><td><a name="l12" href="#l12">12</a><td>// See the License for the specific language governing permissions and<tr><td><a name="l13" href="#l13">13</a><td>// limitations under the License.<tr><td><a name="l14" href="#l14">14</a><td><tr><td><a name="l15" href="#l15">15</a><td>/**<tr><td><a name="l16" href="#l16">16</a><td> * @fileoverview A utility class for representing a numeric box.<tr><td><a name="l17" href="#l17">17</a><td> */<tr><td><a name="l18" href="#l18">18</a><td><tr><td><a name="l19" href="#l19">19</a><td><tr><td><a name="l20" href="#l20">20</a><td>goog.provide('goog.math.Box');<tr><td><a name="l21" href="#l21">21</a><td><tr><td><a name="l22" href="#l22">22</a><td>goog.require('goog.math.Coordinate');<tr><td><a name="l23" href="#l23">23</a><td><tr><td><a name="l24" href="#l24">24</a><td><tr><td><a name="l25" href="#l25">25</a><td><tr><td><a name="l26" href="#l26">26</a><td>/**<tr><td><a name="l27" href="#l27">27</a><td> * Class for representing a box. A box is specified as a top, right, bottom,<tr><td><a name="l28" href="#l28">28</a><td> * and left. A box is useful for representing margins and padding.<tr><td><a name="l29" href="#l29">29</a><td> *<tr><td><a name="l30" href="#l30">30</a><td> * This class assumes 'screen coordinates': larger Y coordinates are further<tr><td><a name="l31" href="#l31">31</a><td> * from the top of the screen.<tr><td><a name="l32" href="#l32">32</a><td> *<tr><td><a name="l33" href="#l33">33</a><td> * @param {number} top Top.<tr><td><a name="l34" href="#l34">34</a><td> * @param {number} right Right.<tr><td><a name="l35" href="#l35">35</a><td> * @param {number} bottom Bottom.<tr><td><a name="l36" href="#l36">36</a><td> * @param {number} left Left.<tr><td><a name="l37" href="#l37">37</a><td> * @constructor<tr><td><a name="l38" href="#l38">38</a><td> */<tr><td><a name="l39" href="#l39">39</a><td>goog.math.Box = function(top, right, bottom, left) {<tr><td><a name="l40" href="#l40">40</a><td> /**<tr><td><a name="l41" href="#l41">41</a><td> * Top<tr><td><a name="l42" href="#l42">42</a><td> * @type {number}<tr><td><a name="l43" href="#l43">43</a><td> */<tr><td><a name="l44" href="#l44">44</a><td> this.top = top;<tr><td><a name="l45" href="#l45">45</a><td><tr><td><a name="l46" href="#l46">46</a><td> /**<tr><td><a name="l47" href="#l47">47</a><td> * Right<tr><td><a name="l48" href="#l48">48</a><td> * @type {number}<tr><td><a name="l49" href="#l49">49</a><td> */<tr><td><a name="l50" href="#l50">50</a><td> this.right = right;<tr><td><a name="l51" href="#l51">51</a><td><tr><td><a name="l52" href="#l52">52</a><td> /**<tr><td><a name="l53" href="#l53">53</a><td> * Bottom<tr><td><a name="l54" href="#l54">54</a><td> * @type {number}<tr><td><a name="l55" href="#l55">55</a><td> */<tr><td><a name="l56" href="#l56">56</a><td> this.bottom = bottom;<tr><td><a name="l57" href="#l57">57</a><td><tr><td><a name="l58" href="#l58">58</a><td> /**<tr><td><a name="l59" href="#l59">59</a><td> * Left<tr><td><a name="l60" href="#l60">60</a><td> * @type {number}<tr><td><a name="l61" href="#l61">61</a><td> */<tr><td><a name="l62" href="#l62">62</a><td> this.left = left;<tr><td><a name="l63" href="#l63">63</a><td>};<tr><td><a name="l64" href="#l64">64</a><td><tr><td><a name="l65" href="#l65">65</a><td><tr><td><a name="l66" href="#l66">66</a><td>/**<tr><td><a name="l67" href="#l67">67</a><td> * Creates a Box by bounding a collection of goog.math.Coordinate objects<tr><td><a name="l68" href="#l68">68</a><td> * @param {...goog.math.Coordinate} var_args Coordinates to be included inside<tr><td><a name="l69" href="#l69">69</a><td> * the box.<tr><td><a name="l70" href="#l70">70</a><td> * @return {!goog.math.Box} A Box containing all the specified Coordinates.<tr><td><a name="l71" href="#l71">71</a><td> */<tr><td><a name="l72" href="#l72">72</a><td>goog.math.Box.boundingBox = function(var_args) {<tr><td><a name="l73" href="#l73">73</a><td> var box = new goog.math.Box(arguments[0].y, arguments[0].x,<tr><td><a name="l74" href="#l74">74</a><td> arguments[0].y, arguments[0].x);<tr><td><a name="l75" href="#l75">75</a><td> for (var i = 1; i < arguments.length; i++) {<tr><td><a name="l76" href="#l76">76</a><td> var coord = arguments[i];<tr><td><a name="l77" href="#l77">77</a><td> box.top = Math.min(box.top, coord.y);<tr><td><a name="l78" href="#l78">78</a><td> box.right = Math.max(box.right, coord.x);<tr><td><a name="l79" href="#l79">79</a><td> box.bottom = Math.max(box.bottom, coord.y);<tr><td><a name="l80" href="#l80">80</a><td> box.left = Math.min(box.left, coord.x);<tr><td><a name="l81" href="#l81">81</a><td> }<tr><td><a name="l82" href="#l82">82</a><td> return box;<tr><td><a name="l83" href="#l83">83</a><td>};<tr><td><a name="l84" href="#l84">84</a><td><tr><td><a name="l85" href="#l85">85</a><td><tr><td><a name="l86" href="#l86">86</a><td>/**<tr><td><a name="l87" href="#l87">87</a><td> * @return {number} width The width of this Box.<tr><td><a name="l88" href="#l88">88</a><td> */<tr><td><a name="l89" href="#l89">89</a><td>goog.math.Box.prototype.getWidth = function() {<tr><td><a name="l90" href="#l90">90</a><td> return this.right - this.left;<tr><td><a name="l91" href="#l91">91</a><td>};<tr><td><a name="l92" href="#l92">92</a><td><tr><td><a name="l93" href="#l93">93</a><td><tr><td><a name="l94" href="#l94">94</a><td>/**<tr><td><a name="l95" href="#l95">95</a><td> * @return {number} height The height of this Box.<tr><td><a name="l96" href="#l96">96</a><td> */<tr><td><a name="l97" href="#l97">97</a><td>goog.math.Box.prototype.getHeight = function() {<tr><td><a name="l98" href="#l98">98</a><td> return this.bottom - this.top;<tr><td><a name="l99" href="#l99">99</a><td>};<tr><td><a name="l100" href="#l100">100</a><td><tr><td><a name="l101" href="#l101">101</a><td><tr><td><a name="l102" href="#l102">102</a><td>/**<tr><td><a name="l103" href="#l103">103</a><td> * Creates a copy of the box with the same dimensions.<tr><td><a name="l104" href="#l104">104</a><td> * @return {!goog.math.Box} A clone of this Box.<tr><td><a name="l105" href="#l105">105</a><td> */<tr><td><a name="l106" href="#l106">106</a><td>goog.math.Box.prototype.clone = function() {<tr><td><a name="l107" href="#l107">107</a><td> return new goog.math.Box(this.top, this.right, this.bottom, this.left);<tr><td><a name="l108" href="#l108">108</a><td>};<tr><td><a name="l109" href="#l109">109</a><td><tr><td><a name="l110" href="#l110">110</a><td><tr><td><a name="l111" href="#l111">111</a><td>if (goog.DEBUG) {<tr><td><a name="l112" href="#l112">112</a><td> /**<tr><td><a name="l113" href="#l113">113</a><td> * Returns a nice string representing the box.<tr><td><a name="l114" href="#l114">114</a><td> * @return {string} In the form (50t, 73r, 24b, 13l).<tr><td><a name="l115" href="#l115">115</a><td> * @override<tr><td><a name="l116" href="#l116">116</a><td> */<tr><td><a name="l117" href="#l117">117</a><td> goog.math.Box.prototype.toString = function() {<tr><td><a name="l118" href="#l118">118</a><td> return '(' + this.top + 't, ' + this.right + 'r, ' + this.bottom + 'b, ' +<tr><td><a name="l119" href="#l119">119</a><td> this.left + 'l)';<tr><td><a name="l120" href="#l120">120</a><td> };<tr><td><a name="l121" href="#l121">121</a><td>}<tr><td><a name="l122" href="#l122">122</a><td><tr><td><a name="l123" href="#l123">123</a><td><tr><td><a name="l124" href="#l124">124</a><td>/**<tr><td><a name="l125" href="#l125">125</a><td> * Returns whether the box contains a coordinate or another box.<tr><td><a name="l126" href="#l126">126</a><td> *<tr><td><a name="l127" href="#l127">127</a><td> * @param {goog.math.Coordinate|goog.math.Box} other A Coordinate or a Box.<tr><td><a name="l128" href="#l128">128</a><td> * @return {boolean} Whether the box contains the coordinate or other box.<tr><td><a name="l129" href="#l129">129</a><td> */<tr><td><a name="l130" href="#l130">130</a><td>goog.math.Box.prototype.contains = function(other) {<tr><td><a name="l131" href="#l131">131</a><td> return goog.math.Box.contains(this, other);<tr><td><a name="l132" href="#l132">132</a><td>};<tr><td><a name="l133" href="#l133">133</a><td><tr><td><a name="l134" href="#l134">134</a><td><tr><td><a name="l135" href="#l135">135</a><td>/**<tr><td><a name="l136" href="#l136">136</a><td> * Expands box with the given margins.<tr><td><a name="l137" href="#l137">137</a><td> *<tr><td><a name="l138" href="#l138">138</a><td> * @param {number|goog.math.Box} top Top margin or box with all margins.<tr><td><a name="l139" href="#l139">139</a><td> * @param {number=} opt_right Right margin.<tr><td><a name="l140" href="#l140">140</a><td> * @param {number=} opt_bottom Bottom margin.<tr><td><a name="l141" href="#l141">141</a><td> * @param {number=} opt_left Left margin.<tr><td><a name="l142" href="#l142">142</a><td> * @return {!goog.math.Box} A reference to this Box.<tr><td><a name="l143" href="#l143">143</a><td> */<tr><td><a name="l144" href="#l144">144</a><td>goog.math.Box.prototype.expand = function(top, opt_right, opt_bottom,<tr><td><a name="l145" href="#l145">145</a><td> opt_left) {<tr><td><a name="l146" href="#l146">146</a><td> if (goog.isObject(top)) {<tr><td><a name="l147" href="#l147">147</a><td> this.top -= top.top;<tr><td><a name="l148" href="#l148">148</a><td> this.right += top.right;<tr><td><a name="l149" href="#l149">149</a><td> this.bottom += top.bottom;<tr><td><a name="l150" href="#l150">150</a><td> this.left -= top.left;<tr><td><a name="l151" href="#l151">151</a><td> } else {<tr><td><a name="l152" href="#l152">152</a><td> this.top -= top;<tr><td><a name="l153" href="#l153">153</a><td> this.right += opt_right;<tr><td><a name="l154" href="#l154">154</a><td> this.bottom += opt_bottom;<tr><td><a name="l155" href="#l155">155</a><td> this.left -= opt_left;<tr><td><a name="l156" href="#l156">156</a><td> }<tr><td><a name="l157" href="#l157">157</a><td><tr><td><a name="l158" href="#l158">158</a><td> return this;<tr><td><a name="l159" href="#l159">159</a><td>};<tr><td><a name="l160" href="#l160">160</a><td><tr><td><a name="l161" href="#l161">161</a><td><tr><td><a name="l162" href="#l162">162</a><td>/**<tr><td><a name="l163" href="#l163">163</a><td> * Expand this box to include another box.<tr><td><a name="l164" href="#l164">164</a><td> * NOTE(user): This is used in code that needs to be very fast, please don't<tr><td><a name="l165" href="#l165">165</a><td> * add functionality to this function at the expense of speed (variable<tr><td><a name="l166" href="#l166">166</a><td> * arguments, accepting multiple argument types, etc).<tr><td><a name="l167" href="#l167">167</a><td> * @param {goog.math.Box} box The box to include in this one.<tr><td><a name="l168" href="#l168">168</a><td> */<tr><td><a name="l169" href="#l169">169</a><td>goog.math.Box.prototype.expandToInclude = function(box) {<tr><td><a name="l170" href="#l170">170</a><td> this.left = Math.min(this.left, box.left);<tr><td><a name="l171" href="#l171">171</a><td> this.top = Math.min(this.top, box.top);<tr><td><a name="l172" href="#l172">172</a><td> this.right = Math.max(this.right, box.right);<tr><td><a name="l173" href="#l173">173</a><td> this.bottom = Math.max(this.bottom, box.bottom);<tr><td><a name="l174" href="#l174">174</a><td>};<tr><td><a name="l175" href="#l175">175</a><td><tr><td><a name="l176" href="#l176">176</a><td><tr><td><a name="l177" href="#l177">177</a><td>/**<tr><td><a name="l178" href="#l178">178</a><td> * Compares boxes for equality.<tr><td><a name="l179" href="#l179">179</a><td> * @param {goog.math.Box} a A Box.<tr><td><a name="l180" href="#l180">180</a><td> * @param {goog.math.Box} b A Box.<tr><td><a name="l181" href="#l181">181</a><td> * @return {boolean} True iff the boxes are equal, or if both are null.<tr><td><a name="l182" href="#l182">182</a><td> */<tr><td><a name="l183" href="#l183">183</a><td>goog.math.Box.equals = function(a, b) {<tr><td><a name="l184" href="#l184">184</a><td> if (a == b) {<tr><td><a name="l185" href="#l185">185</a><td> return true;<tr><td><a name="l186" href="#l186">186</a><td> }<tr><td><a name="l187" href="#l187">187</a><td> if (!a || !b) {<tr><td><a name="l188" href="#l188">188</a><td> return false;<tr><td><a name="l189" href="#l189">189</a><td> }<tr><td><a name="l190" href="#l190">190</a><td> return a.top == b.top && a.right == b.right &&<tr><td><a name="l191" href="#l191">191</a><td> a.bottom == b.bottom && a.left == b.left;<tr><td><a name="l192" href="#l192">192</a><td>};<tr><td><a name="l193" href="#l193">193</a><td><tr><td><a name="l194" href="#l194">194</a><td><tr><td><a name="l195" href="#l195">195</a><td>/**<tr><td><a name="l196" href="#l196">196</a><td> * Returns whether a box contains a coordinate or another box.<tr><td><a name="l197" href="#l197">197</a><td> *<tr><td><a name="l198" href="#l198">198</a><td> * @param {goog.math.Box} box A Box.<tr><td><a name="l199" href="#l199">199</a><td> * @param {goog.math.Coordinate|goog.math.Box} other A Coordinate or a Box.<tr><td><a name="l200" href="#l200">200</a><td> * @return {boolean} Whether the box contains the coordinate or other box.<tr><td><a name="l201" href="#l201">201</a><td> */<tr><td><a name="l202" href="#l202">202</a><td>goog.math.Box.contains = function(box, other) {<tr><td><a name="l203" href="#l203">203</a><td> if (!box || !other) {<tr><td><a name="l204" href="#l204">204</a><td> return false;<tr><td><a name="l205" href="#l205">205</a><td> }<tr><td><a name="l206" href="#l206">206</a><td><tr><td><a name="l207" href="#l207">207</a><td> if (other instanceof goog.math.Box) {<tr><td><a name="l208" href="#l208">208</a><td> return other.left >= box.left && other.right <= box.right &&<tr><td><a name="l209" href="#l209">209</a><td> other.top >= box.top && other.bottom <= box.bottom;<tr><td><a name="l210" href="#l210">210</a><td> }<tr><td><a name="l211" href="#l211">211</a><td><tr><td><a name="l212" href="#l212">212</a><td> // other is a Coordinate.<tr><td><a name="l213" href="#l213">213</a><td> return other.x >= box.left && other.x <= box.right &&<tr><td><a name="l214" href="#l214">214</a><td> other.y >= box.top && other.y <= box.bottom;<tr><td><a name="l215" href="#l215">215</a><td>};<tr><td><a name="l216" href="#l216">216</a><td><tr><td><a name="l217" href="#l217">217</a><td><tr><td><a name="l218" href="#l218">218</a><td>/**<tr><td><a name="l219" href="#l219">219</a><td> * Returns the relative x position of a coordinate compared to a box. Returns<tr><td><a name="l220" href="#l220">220</a><td> * zero if the coordinate is inside the box.<tr><td><a name="l221" href="#l221">221</a><td> *<tr><td><a name="l222" href="#l222">222</a><td> * @param {goog.math.Box} box A Box.<tr><td><a name="l223" href="#l223">223</a><td> * @param {goog.math.Coordinate} coord A Coordinate.<tr><td><a name="l224" href="#l224">224</a><td> * @return {number} The x position of {@code coord} relative to the nearest<tr><td><a name="l225" href="#l225">225</a><td> * side of {@code box}, or zero if {@code coord} is inside {@code box}.<tr><td><a name="l226" href="#l226">226</a><td> */<tr><td><a name="l227" href="#l227">227</a><td>goog.math.Box.relativePositionX = function(box, coord) {<tr><td><a name="l228" href="#l228">228</a><td> if (coord.x < box.left) {<tr><td><a name="l229" href="#l229">229</a><td> return coord.x - box.left;<tr><td><a name="l230" href="#l230">230</a><td> } else if (coord.x > box.right) {<tr><td><a name="l231" href="#l231">231</a><td> return coord.x - box.right;<tr><td><a name="l232" href="#l232">232</a><td> }<tr><td><a name="l233" href="#l233">233</a><td> return 0;<tr><td><a name="l234" href="#l234">234</a><td>};<tr><td><a name="l235" href="#l235">235</a><td><tr><td><a name="l236" href="#l236">236</a><td><tr><td><a name="l237" href="#l237">237</a><td>/**<tr><td><a name="l238" href="#l238">238</a><td> * Returns the relative y position of a coordinate compared to a box. Returns<tr><td><a name="l239" href="#l239">239</a><td> * zero if the coordinate is inside the box.<tr><td><a name="l240" href="#l240">240</a><td> *<tr><td><a name="l241" href="#l241">241</a><td> * @param {goog.math.Box} box A Box.<tr><td><a name="l242" href="#l242">242</a><td> * @param {goog.math.Coordinate} coord A Coordinate.<tr><td><a name="l243" href="#l243">243</a><td> * @return {number} The y position of {@code coord} relative to the nearest<tr><td><a name="l244" href="#l244">244</a><td> * side of {@code box}, or zero if {@code coord} is inside {@code box}.<tr><td><a name="l245" href="#l245">245</a><td> */<tr><td><a name="l246" href="#l246">246</a><td>goog.math.Box.relativePositionY = function(box, coord) {<tr><td><a name="l247" href="#l247">247</a><td> if (coord.y < box.top) {<tr><td><a name="l248" href="#l248">248</a><td> return coord.y - box.top;<tr><td><a name="l249" href="#l249">249</a><td> } else if (coord.y > box.bottom) {<tr><td><a name="l250" href="#l250">250</a><td> return coord.y - box.bottom;<tr><td><a name="l251" href="#l251">251</a><td> }<tr><td><a name="l252" href="#l252">252</a><td> return 0;<tr><td><a name="l253" href="#l253">253</a><td>};<tr><td><a name="l254" href="#l254">254</a><td><tr><td><a name="l255" href="#l255">255</a><td><tr><td><a name="l256" href="#l256">256</a><td>/**<tr><td><a name="l257" href="#l257">257</a><td> * Returns the distance between a coordinate and the nearest corner/side of a<tr><td><a name="l258" href="#l258">258</a><td> * box. Returns zero if the coordinate is inside the box.<tr><td><a name="l259" href="#l259">259</a><td> *<tr><td><a name="l260" href="#l260">260</a><td> * @param {goog.math.Box} box A Box.<tr><td><a name="l261" href="#l261">261</a><td> * @param {goog.math.Coordinate} coord A Coordinate.<tr><td><a name="l262" href="#l262">262</a><td> * @return {number} The distance between {@code coord} and the nearest<tr><td><a name="l263" href="#l263">263</a><td> * corner/side of {@code box}, or zero if {@code coord} is inside<tr><td><a name="l264" href="#l264">264</a><td> * {@code box}.<tr><td><a name="l265" href="#l265">265</a><td> */<tr><td><a name="l266" href="#l266">266</a><td>goog.math.Box.distance = function(box, coord) {<tr><td><a name="l267" href="#l267">267</a><td> var x = goog.math.Box.relativePositionX(box, coord);<tr><td><a name="l268" href="#l268">268</a><td> var y = goog.math.Box.relativePositionY(box, coord);<tr><td><a name="l269" href="#l269">269</a><td> return Math.sqrt(x * x + y * y);<tr><td><a name="l270" href="#l270">270</a><td>};<tr><td><a name="l271" href="#l271">271</a><td><tr><td><a name="l272" href="#l272">272</a><td><tr><td><a name="l273" href="#l273">273</a><td>/**<tr><td><a name="l274" href="#l274">274</a><td> * Returns whether two boxes intersect.<tr><td><a name="l275" href="#l275">275</a><td> *<tr><td><a name="l276" href="#l276">276</a><td> * @param {goog.math.Box} a A Box.<tr><td><a name="l277" href="#l277">277</a><td> * @param {goog.math.Box} b A second Box.<tr><td><a name="l278" href="#l278">278</a><td> * @return {boolean} Whether the boxes intersect.<tr><td><a name="l279" href="#l279">279</a><td> */<tr><td><a name="l280" href="#l280">280</a><td>goog.math.Box.intersects = function(a, b) {<tr><td><a name="l281" href="#l281">281</a><td> return (a.left <= b.right && b.left <= a.right &&<tr><td><a name="l282" href="#l282">282</a><td> a.top <= b.bottom && b.top <= a.bottom);<tr><td><a name="l283" href="#l283">283</a><td>};<tr><td><a name="l284" href="#l284">284</a><td><tr><td><a name="l285" href="#l285">285</a><td><tr><td><a name="l286" href="#l286">286</a><td>/**<tr><td><a name="l287" href="#l287">287</a><td> * Returns whether two boxes would intersect with additional padding.<tr><td><a name="l288" href="#l288">288</a><td> *<tr><td><a name="l289" href="#l289">289</a><td> * @param {goog.math.Box} a A Box.<tr><td><a name="l290" href="#l290">290</a><td> * @param {goog.math.Box} b A second Box.<tr><td><a name="l291" href="#l291">291</a><td> * @param {number} padding The additional padding.<tr><td><a name="l292" href="#l292">292</a><td> * @return {boolean} Whether the boxes intersect.<tr><td><a name="l293" href="#l293">293</a><td> */<tr><td><a name="l294" href="#l294">294</a><td>goog.math.Box.intersectsWithPadding = function(a, b, padding) {<tr><td><a name="l295" href="#l295">295</a><td> return (a.left <= b.right + padding && b.left <= a.right + padding &&<tr><td><a name="l296" href="#l296">296</a><td> a.top <= b.bottom + padding && b.top <= a.bottom + padding);<tr><td><a name="l297" href="#l297">297</a><td>};<tr><td><a name="l298" href="#l298">298</a><td><tr><td><a name="l299" href="#l299">299</a><td><tr><td><a name="l300" href="#l300">300</a><td>/**<tr><td><a name="l301" href="#l301">301</a><td> * Rounds the fields to the next larger integer values.<tr><td><a name="l302" href="#l302">302</a><td> *<tr><td><a name="l303" href="#l303">303</a><td> * @return {!goog.math.Box} This box with ceil'd fields.<tr><td><a name="l304" href="#l304">304</a><td> */<tr><td><a name="l305" href="#l305">305</a><td>goog.math.Box.prototype.ceil = function() {<tr><td><a name="l306" href="#l306">306</a><td> this.top = Math.ceil(this.top);<tr><td><a name="l307" href="#l307">307</a><td> this.right = Math.ceil(this.right);<tr><td><a name="l308" href="#l308">308</a><td> this.bottom = Math.ceil(this.bottom);<tr><td><a name="l309" href="#l309">309</a><td> this.left = Math.ceil(this.left);<tr><td><a name="l310" href="#l310">310</a><td> return this;<tr><td><a name="l311" href="#l311">311</a><td>};<tr><td><a name="l312" href="#l312">312</a><td><tr><td><a name="l313" href="#l313">313</a><td><tr><td><a name="l314" href="#l314">314</a><td>/**<tr><td><a name="l315" href="#l315">315</a><td> * Rounds the fields to the next smaller integer values.<tr><td><a name="l316" href="#l316">316</a><td> *<tr><td><a name="l317" href="#l317">317</a><td> * @return {!goog.math.Box} This box with floored fields.<tr><td><a name="l318" href="#l318">318</a><td> */<tr><td><a name="l319" href="#l319">319</a><td>goog.math.Box.prototype.floor = function() {<tr><td><a name="l320" href="#l320">320</a><td> this.top = Math.floor(this.top);<tr><td><a name="l321" href="#l321">321</a><td> this.right = Math.floor(this.right);<tr><td><a name="l322" href="#l322">322</a><td> this.bottom = Math.floor(this.bottom);<tr><td><a name="l323" href="#l323">323</a><td> this.left = Math.floor(this.left);<tr><td><a name="l324" href="#l324">324</a><td> return this;<tr><td><a name="l325" href="#l325">325</a><td>};<tr><td><a name="l326" href="#l326">326</a><td><tr><td><a name="l327" href="#l327">327</a><td><tr><td><a name="l328" href="#l328">328</a><td>/**<tr><td><a name="l329" href="#l329">329</a><td> * Rounds the fields to nearest integer values.<tr><td><a name="l330" href="#l330">330</a><td> *<tr><td><a name="l331" href="#l331">331</a><td> * @return {!goog.math.Box} This box with rounded fields.<tr><td><a name="l332" href="#l332">332</a><td> */<tr><td><a name="l333" href="#l333">333</a><td>goog.math.Box.prototype.round = function() {<tr><td><a name="l334" href="#l334">334</a><td> this.top = Math.round(this.top);<tr><td><a name="l335" href="#l335">335</a><td> this.right = Math.round(this.right);<tr><td><a name="l336" href="#l336">336</a><td> this.bottom = Math.round(this.bottom);<tr><td><a name="l337" href="#l337">337</a><td> this.left = Math.round(this.left);<tr><td><a name="l338" href="#l338">338</a><td> return this;<tr><td><a name="l339" href="#l339">339</a><td>};<tr><td><a name="l340" href="#l340">340</a><td><tr><td><a name="l341" href="#l341">341</a><td><tr><td><a name="l342" href="#l342">342</a><td>/**<tr><td><a name="l343" href="#l343">343</a><td> * Translates this box by the given offsets. If a {@code goog.math.Coordinate}<tr><td><a name="l344" href="#l344">344</a><td> * is given, then the left and right values are translated by the coordinate's<tr><td><a name="l345" href="#l345">345</a><td> * x value and the top and bottom values are translated by the coordinate's y<tr><td><a name="l346" href="#l346">346</a><td> * value. Otherwise, {@code tx} and {@code opt_ty} are used to translate the x<tr><td><a name="l347" href="#l347">347</a><td> * and y dimension values.<tr><td><a name="l348" href="#l348">348</a><td> *<tr><td><a name="l349" href="#l349">349</a><td> * @param {number|goog.math.Coordinate} tx The value to translate the x<tr><td><a name="l350" href="#l350">350</a><td> * dimension values by or the the coordinate to translate this box by.<tr><td><a name="l351" href="#l351">351</a><td> * @param {number=} opt_ty The value to translate y dimension values by.<tr><td><a name="l352" href="#l352">352</a><td> * @return {!goog.math.Box} This box after translating.<tr><td><a name="l353" href="#l353">353</a><td> */<tr><td><a name="l354" href="#l354">354</a><td>goog.math.Box.prototype.translate = function(tx, opt_ty) {<tr><td><a name="l355" href="#l355">355</a><td> if (tx instanceof goog.math.Coordinate) {<tr><td><a name="l356" href="#l356">356</a><td> this.left += tx.x;<tr><td><a name="l357" href="#l357">357</a><td> this.right += tx.x;<tr><td><a name="l358" href="#l358">358</a><td> this.top += tx.y;<tr><td><a name="l359" href="#l359">359</a><td> this.bottom += tx.y;<tr><td><a name="l360" href="#l360">360</a><td> } else {<tr><td><a name="l361" href="#l361">361</a><td> this.left += tx;<tr><td><a name="l362" href="#l362">362</a><td> this.right += tx;<tr><td><a name="l363" href="#l363">363</a><td> if (goog.isNumber(opt_ty)) {<tr><td><a name="l364" href="#l364">364</a><td> this.top += opt_ty;<tr><td><a name="l365" href="#l365">365</a><td> this.bottom += opt_ty;<tr><td><a name="l366" href="#l366">366</a><td> }<tr><td><a name="l367" href="#l367">367</a><td> }<tr><td><a name="l368" href="#l368">368</a><td> return this;<tr><td><a name="l369" href="#l369">369</a><td>};<tr><td><a name="l370" href="#l370">370</a><td><tr><td><a name="l371" href="#l371">371</a><td><tr><td><a name="l372" href="#l372">372</a><td>/**<tr><td><a name="l373" href="#l373">373</a><td> * Scales this coordinate by the given scale factors. The x and y dimension<tr><td><a name="l374" href="#l374">374</a><td> * values are scaled by {@code sx} and {@code opt_sy} respectively.<tr><td><a name="l375" href="#l375">375</a><td> * If {@code opt_sy} is not given, then {@code sx} is used for both x and y.<tr><td><a name="l376" href="#l376">376</a><td> *<tr><td><a name="l377" href="#l377">377</a><td> * @param {number} sx The scale factor to use for the x dimension.<tr><td><a name="l378" href="#l378">378</a><td> * @param {number=} opt_sy The scale factor to use for the y dimension.<tr><td><a name="l379" href="#l379">379</a><td> * @return {!goog.math.Box} This box after scaling.<tr><td><a name="l380" href="#l380">380</a><td> */<tr><td><a name="l381" href="#l381">381</a><td>goog.math.Box.prototype.scale = function(sx, opt_sy) {<tr><td><a name="l382" href="#l382">382</a><td> var sy = goog.isNumber(opt_sy) ? opt_sy : sx;<tr><td><a name="l383" href="#l383">383</a><td> this.left *= sx;<tr><td><a name="l384" href="#l384">384</a><td> this.right *= sx;<tr><td><a name="l385" href="#l385">385</a><td> this.top *= sy;<tr><td><a name="l386" href="#l386">386</a><td> this.bottom *= sy;<tr><td><a name="l387" href="#l387">387</a><td> return this;<tr><td><a name="l388" href="#l388">388</a><td>};</table></pre></main><nav id="topnav"><div><div id="menubutton"><label for="sidenav-toggle">Menu</label></div><form id="searchbox"><div><input type="search" placeholder="Search" tabindex="1"></div></form></div></nav><nav id="sidenav"><input type="checkbox" id="sidenav-types-ctrl" /><input type="checkbox" id="sidenav-files-ctrl" /><input type="checkbox" id="sidenav-modules-ctrl" /><a id="sidenav-overview"><div><h4>Overview</h4></div></a><div id="sidenav-types"><label for="sidenav-types-ctrl"><h4>Types</h4></label><i>Loading</i></div><div id="sidenav-modules"><label for="sidenav-modules-ctrl"><h4>Modules</h4></label><i>Loading</i></div><div id="sidenav-files"><label for="sidenav-files-ctrl"><h4>Files</h4></label><i>Loading</i></div><a href="license.html"><div><h4>License</h4></div></a></nav><div id="push-footer"></div></div><footer><a href="https://github.com/jleyba/js-dossier">Generated by dossier</a></footer><script src="../../../../types.js"></script><script src="../../../../dossier.js"></script>