selenium-webdriver
Version:
The official WebDriver JavaScript bindings from the Selenium project
1 lines • 21.3 kB
HTML
<meta charset="UTF-8"><meta http-equiv="Content-Language" content="en" /><title>coordinate.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/coordinate.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 two-dimensional positions.<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.Coordinate');<tr><td><a name="l21" href="#l21">21</a><td><tr><td><a name="l22" href="#l22">22</a><td>goog.require('goog.math');<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 coordinates and positions.<tr><td><a name="l28" href="#l28">28</a><td> * @param {number=} opt_x Left, defaults to 0.<tr><td><a name="l29" href="#l29">29</a><td> * @param {number=} opt_y Top, defaults to 0.<tr><td><a name="l30" href="#l30">30</a><td> * @constructor<tr><td><a name="l31" href="#l31">31</a><td> */<tr><td><a name="l32" href="#l32">32</a><td>goog.math.Coordinate = function(opt_x, opt_y) {<tr><td><a name="l33" href="#l33">33</a><td> /**<tr><td><a name="l34" href="#l34">34</a><td> * X-value<tr><td><a name="l35" href="#l35">35</a><td> * @type {number}<tr><td><a name="l36" href="#l36">36</a><td> */<tr><td><a name="l37" href="#l37">37</a><td> this.x = goog.isDef(opt_x) ? opt_x : 0;<tr><td><a name="l38" href="#l38">38</a><td><tr><td><a name="l39" href="#l39">39</a><td> /**<tr><td><a name="l40" href="#l40">40</a><td> * Y-value<tr><td><a name="l41" href="#l41">41</a><td> * @type {number}<tr><td><a name="l42" href="#l42">42</a><td> */<tr><td><a name="l43" href="#l43">43</a><td> this.y = goog.isDef(opt_y) ? opt_y : 0;<tr><td><a name="l44" href="#l44">44</a><td>};<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>/**<tr><td><a name="l48" href="#l48">48</a><td> * Returns a new copy of the coordinate.<tr><td><a name="l49" href="#l49">49</a><td> * @return {!goog.math.Coordinate} A clone of this coordinate.<tr><td><a name="l50" href="#l50">50</a><td> */<tr><td><a name="l51" href="#l51">51</a><td>goog.math.Coordinate.prototype.clone = function() {<tr><td><a name="l52" href="#l52">52</a><td> return new goog.math.Coordinate(this.x, this.y);<tr><td><a name="l53" href="#l53">53</a><td>};<tr><td><a name="l54" href="#l54">54</a><td><tr><td><a name="l55" href="#l55">55</a><td><tr><td><a name="l56" href="#l56">56</a><td>if (goog.DEBUG) {<tr><td><a name="l57" href="#l57">57</a><td> /**<tr><td><a name="l58" href="#l58">58</a><td> * Returns a nice string representing the coordinate.<tr><td><a name="l59" href="#l59">59</a><td> * @return {string} In the form (50, 73).<tr><td><a name="l60" href="#l60">60</a><td> * @override<tr><td><a name="l61" href="#l61">61</a><td> */<tr><td><a name="l62" href="#l62">62</a><td> goog.math.Coordinate.prototype.toString = function() {<tr><td><a name="l63" href="#l63">63</a><td> return '(' + this.x + ', ' + this.y + ')';<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><tr><td><a name="l68" href="#l68">68</a><td>/**<tr><td><a name="l69" href="#l69">69</a><td> * Compares coordinates for equality.<tr><td><a name="l70" href="#l70">70</a><td> * @param {goog.math.Coordinate} a A Coordinate.<tr><td><a name="l71" href="#l71">71</a><td> * @param {goog.math.Coordinate} b A Coordinate.<tr><td><a name="l72" href="#l72">72</a><td> * @return {boolean} True iff the coordinates are equal, or if both are null.<tr><td><a name="l73" href="#l73">73</a><td> */<tr><td><a name="l74" href="#l74">74</a><td>goog.math.Coordinate.equals = function(a, b) {<tr><td><a name="l75" href="#l75">75</a><td> if (a == b) {<tr><td><a name="l76" href="#l76">76</a><td> return true;<tr><td><a name="l77" href="#l77">77</a><td> }<tr><td><a name="l78" href="#l78">78</a><td> if (!a || !b) {<tr><td><a name="l79" href="#l79">79</a><td> return false;<tr><td><a name="l80" href="#l80">80</a><td> }<tr><td><a name="l81" href="#l81">81</a><td> return a.x == b.x && a.y == b.y;<tr><td><a name="l82" href="#l82">82</a><td>};<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> * Returns the distance between two coordinates.<tr><td><a name="l87" href="#l87">87</a><td> * @param {!goog.math.Coordinate} a A Coordinate.<tr><td><a name="l88" href="#l88">88</a><td> * @param {!goog.math.Coordinate} b A Coordinate.<tr><td><a name="l89" href="#l89">89</a><td> * @return {number} The distance between {@code a} and {@code b}.<tr><td><a name="l90" href="#l90">90</a><td> */<tr><td><a name="l91" href="#l91">91</a><td>goog.math.Coordinate.distance = function(a, b) {<tr><td><a name="l92" href="#l92">92</a><td> var dx = a.x - b.x;<tr><td><a name="l93" href="#l93">93</a><td> var dy = a.y - b.y;<tr><td><a name="l94" href="#l94">94</a><td> return Math.sqrt(dx * dx + dy * dy);<tr><td><a name="l95" href="#l95">95</a><td>};<tr><td><a name="l96" href="#l96">96</a><td><tr><td><a name="l97" href="#l97">97</a><td><tr><td><a name="l98" href="#l98">98</a><td>/**<tr><td><a name="l99" href="#l99">99</a><td> * Returns the magnitude of a coordinate.<tr><td><a name="l100" href="#l100">100</a><td> * @param {!goog.math.Coordinate} a A Coordinate.<tr><td><a name="l101" href="#l101">101</a><td> * @return {number} The distance between the origin and {@code a}.<tr><td><a name="l102" href="#l102">102</a><td> */<tr><td><a name="l103" href="#l103">103</a><td>goog.math.Coordinate.magnitude = function(a) {<tr><td><a name="l104" href="#l104">104</a><td> return Math.sqrt(a.x * a.x + a.y * a.y);<tr><td><a name="l105" href="#l105">105</a><td>};<tr><td><a name="l106" href="#l106">106</a><td><tr><td><a name="l107" href="#l107">107</a><td><tr><td><a name="l108" href="#l108">108</a><td>/**<tr><td><a name="l109" href="#l109">109</a><td> * Returns the angle from the origin to a coordinate.<tr><td><a name="l110" href="#l110">110</a><td> * @param {!goog.math.Coordinate} a A Coordinate.<tr><td><a name="l111" href="#l111">111</a><td> * @return {number} The angle, in degrees, clockwise from the positive X<tr><td><a name="l112" href="#l112">112</a><td> * axis to {@code a}.<tr><td><a name="l113" href="#l113">113</a><td> */<tr><td><a name="l114" href="#l114">114</a><td>goog.math.Coordinate.azimuth = function(a) {<tr><td><a name="l115" href="#l115">115</a><td> return goog.math.angle(0, 0, a.x, a.y);<tr><td><a name="l116" href="#l116">116</a><td>};<tr><td><a name="l117" href="#l117">117</a><td><tr><td><a name="l118" href="#l118">118</a><td><tr><td><a name="l119" href="#l119">119</a><td>/**<tr><td><a name="l120" href="#l120">120</a><td> * Returns the squared distance between two coordinates. Squared distances can<tr><td><a name="l121" href="#l121">121</a><td> * be used for comparisons when the actual value is not required.<tr><td><a name="l122" href="#l122">122</a><td> *<tr><td><a name="l123" href="#l123">123</a><td> * Performance note: eliminating the square root is an optimization often used<tr><td><a name="l124" href="#l124">124</a><td> * in lower-level languages, but the speed difference is not nearly as<tr><td><a name="l125" href="#l125">125</a><td> * pronounced in JavaScript (only a few percent.)<tr><td><a name="l126" href="#l126">126</a><td> *<tr><td><a name="l127" href="#l127">127</a><td> * @param {!goog.math.Coordinate} a A Coordinate.<tr><td><a name="l128" href="#l128">128</a><td> * @param {!goog.math.Coordinate} b A Coordinate.<tr><td><a name="l129" href="#l129">129</a><td> * @return {number} The squared distance between {@code a} and {@code b}.<tr><td><a name="l130" href="#l130">130</a><td> */<tr><td><a name="l131" href="#l131">131</a><td>goog.math.Coordinate.squaredDistance = function(a, b) {<tr><td><a name="l132" href="#l132">132</a><td> var dx = a.x - b.x;<tr><td><a name="l133" href="#l133">133</a><td> var dy = a.y - b.y;<tr><td><a name="l134" href="#l134">134</a><td> return dx * dx + dy * dy;<tr><td><a name="l135" href="#l135">135</a><td>};<tr><td><a name="l136" href="#l136">136</a><td><tr><td><a name="l137" href="#l137">137</a><td><tr><td><a name="l138" href="#l138">138</a><td>/**<tr><td><a name="l139" href="#l139">139</a><td> * Returns the difference between two coordinates as a new<tr><td><a name="l140" href="#l140">140</a><td> * goog.math.Coordinate.<tr><td><a name="l141" href="#l141">141</a><td> * @param {!goog.math.Coordinate} a A Coordinate.<tr><td><a name="l142" href="#l142">142</a><td> * @param {!goog.math.Coordinate} b A Coordinate.<tr><td><a name="l143" href="#l143">143</a><td> * @return {!goog.math.Coordinate} A Coordinate representing the difference<tr><td><a name="l144" href="#l144">144</a><td> * between {@code a} and {@code b}.<tr><td><a name="l145" href="#l145">145</a><td> */<tr><td><a name="l146" href="#l146">146</a><td>goog.math.Coordinate.difference = function(a, b) {<tr><td><a name="l147" href="#l147">147</a><td> return new goog.math.Coordinate(a.x - b.x, a.y - b.y);<tr><td><a name="l148" href="#l148">148</a><td>};<tr><td><a name="l149" href="#l149">149</a><td><tr><td><a name="l150" href="#l150">150</a><td><tr><td><a name="l151" href="#l151">151</a><td>/**<tr><td><a name="l152" href="#l152">152</a><td> * Returns the sum of two coordinates as a new goog.math.Coordinate.<tr><td><a name="l153" href="#l153">153</a><td> * @param {!goog.math.Coordinate} a A Coordinate.<tr><td><a name="l154" href="#l154">154</a><td> * @param {!goog.math.Coordinate} b A Coordinate.<tr><td><a name="l155" href="#l155">155</a><td> * @return {!goog.math.Coordinate} A Coordinate representing the sum of the two<tr><td><a name="l156" href="#l156">156</a><td> * coordinates.<tr><td><a name="l157" href="#l157">157</a><td> */<tr><td><a name="l158" href="#l158">158</a><td>goog.math.Coordinate.sum = function(a, b) {<tr><td><a name="l159" href="#l159">159</a><td> return new goog.math.Coordinate(a.x + b.x, a.y + b.y);<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>/**<tr><td><a name="l164" href="#l164">164</a><td> * Rounds the x and y fields to the next larger integer values.<tr><td><a name="l165" href="#l165">165</a><td> * @return {!goog.math.Coordinate} This coordinate with ceil'd fields.<tr><td><a name="l166" href="#l166">166</a><td> */<tr><td><a name="l167" href="#l167">167</a><td>goog.math.Coordinate.prototype.ceil = function() {<tr><td><a name="l168" href="#l168">168</a><td> this.x = Math.ceil(this.x);<tr><td><a name="l169" href="#l169">169</a><td> this.y = Math.ceil(this.y);<tr><td><a name="l170" href="#l170">170</a><td> return this;<tr><td><a name="l171" href="#l171">171</a><td>};<tr><td><a name="l172" href="#l172">172</a><td><tr><td><a name="l173" href="#l173">173</a><td><tr><td><a name="l174" href="#l174">174</a><td>/**<tr><td><a name="l175" href="#l175">175</a><td> * Rounds the x and y fields to the next smaller integer values.<tr><td><a name="l176" href="#l176">176</a><td> * @return {!goog.math.Coordinate} This coordinate with floored fields.<tr><td><a name="l177" href="#l177">177</a><td> */<tr><td><a name="l178" href="#l178">178</a><td>goog.math.Coordinate.prototype.floor = function() {<tr><td><a name="l179" href="#l179">179</a><td> this.x = Math.floor(this.x);<tr><td><a name="l180" href="#l180">180</a><td> this.y = Math.floor(this.y);<tr><td><a name="l181" href="#l181">181</a><td> return this;<tr><td><a name="l182" href="#l182">182</a><td>};<tr><td><a name="l183" href="#l183">183</a><td><tr><td><a name="l184" href="#l184">184</a><td><tr><td><a name="l185" href="#l185">185</a><td>/**<tr><td><a name="l186" href="#l186">186</a><td> * Rounds the x and y fields to the nearest integer values.<tr><td><a name="l187" href="#l187">187</a><td> * @return {!goog.math.Coordinate} This coordinate with rounded fields.<tr><td><a name="l188" href="#l188">188</a><td> */<tr><td><a name="l189" href="#l189">189</a><td>goog.math.Coordinate.prototype.round = function() {<tr><td><a name="l190" href="#l190">190</a><td> this.x = Math.round(this.x);<tr><td><a name="l191" href="#l191">191</a><td> this.y = Math.round(this.y);<tr><td><a name="l192" href="#l192">192</a><td> return this;<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>/**<tr><td><a name="l197" href="#l197">197</a><td> * Translates this box by the given offsets. If a {@code goog.math.Coordinate}<tr><td><a name="l198" href="#l198">198</a><td> * is given, then the x and y values are translated by the coordinate's x and y.<tr><td><a name="l199" href="#l199">199</a><td> * Otherwise, x and y are translated by {@code tx} and {@code opt_ty}<tr><td><a name="l200" href="#l200">200</a><td> * respectively.<tr><td><a name="l201" href="#l201">201</a><td> * @param {number|goog.math.Coordinate} tx The value to translate x by or the<tr><td><a name="l202" href="#l202">202</a><td> * the coordinate to translate this coordinate by.<tr><td><a name="l203" href="#l203">203</a><td> * @param {number=} opt_ty The value to translate y by.<tr><td><a name="l204" href="#l204">204</a><td> * @return {!goog.math.Coordinate} This coordinate after translating.<tr><td><a name="l205" href="#l205">205</a><td> */<tr><td><a name="l206" href="#l206">206</a><td>goog.math.Coordinate.prototype.translate = function(tx, opt_ty) {<tr><td><a name="l207" href="#l207">207</a><td> if (tx instanceof goog.math.Coordinate) {<tr><td><a name="l208" href="#l208">208</a><td> this.x += tx.x;<tr><td><a name="l209" href="#l209">209</a><td> this.y += tx.y;<tr><td><a name="l210" href="#l210">210</a><td> } else {<tr><td><a name="l211" href="#l211">211</a><td> this.x += tx;<tr><td><a name="l212" href="#l212">212</a><td> if (goog.isNumber(opt_ty)) {<tr><td><a name="l213" href="#l213">213</a><td> this.y += opt_ty;<tr><td><a name="l214" href="#l214">214</a><td> }<tr><td><a name="l215" href="#l215">215</a><td> }<tr><td><a name="l216" href="#l216">216</a><td> return this;<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><tr><td><a name="l220" href="#l220">220</a><td>/**<tr><td><a name="l221" href="#l221">221</a><td> * Scales this coordinate by the given scale factors. The x and y values are<tr><td><a name="l222" href="#l222">222</a><td> * scaled by {@code sx} and {@code opt_sy} respectively. If {@code opt_sy}<tr><td><a name="l223" href="#l223">223</a><td> * is not given, then {@code sx} is used for both x and y.<tr><td><a name="l224" href="#l224">224</a><td> * @param {number} sx The scale factor to use for the x dimension.<tr><td><a name="l225" href="#l225">225</a><td> * @param {number=} opt_sy The scale factor to use for the y dimension.<tr><td><a name="l226" href="#l226">226</a><td> * @return {!goog.math.Coordinate} This coordinate after scaling.<tr><td><a name="l227" href="#l227">227</a><td> */<tr><td><a name="l228" href="#l228">228</a><td>goog.math.Coordinate.prototype.scale = function(sx, opt_sy) {<tr><td><a name="l229" href="#l229">229</a><td> var sy = goog.isNumber(opt_sy) ? opt_sy : sx;<tr><td><a name="l230" href="#l230">230</a><td> this.x *= sx;<tr><td><a name="l231" href="#l231">231</a><td> this.y *= sy;<tr><td><a name="l232" href="#l232">232</a><td> return this;<tr><td><a name="l233" href="#l233">233</a><td>};<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> * Rotates this coordinate clockwise about the origin (or, optionally, the given<tr><td><a name="l238" href="#l238">238</a><td> * center) by the given angle, in radians.<tr><td><a name="l239" href="#l239">239</a><td> * @param {number} radians The angle by which to rotate this coordinate<tr><td><a name="l240" href="#l240">240</a><td> * clockwise about the given center, in radians.<tr><td><a name="l241" href="#l241">241</a><td> * @param {!goog.math.Coordinate=} opt_center The center of rotation. Defaults<tr><td><a name="l242" href="#l242">242</a><td> * to (0, 0) if not given.<tr><td><a name="l243" href="#l243">243</a><td> */<tr><td><a name="l244" href="#l244">244</a><td>goog.math.Coordinate.prototype.rotateRadians = function(radians, opt_center) {<tr><td><a name="l245" href="#l245">245</a><td> var center = opt_center || new goog.math.Coordinate(0, 0);<tr><td><a name="l246" href="#l246">246</a><td><tr><td><a name="l247" href="#l247">247</a><td> var x = this.x;<tr><td><a name="l248" href="#l248">248</a><td> var y = this.y;<tr><td><a name="l249" href="#l249">249</a><td> var cos = Math.cos(radians);<tr><td><a name="l250" href="#l250">250</a><td> var sin = Math.sin(radians);<tr><td><a name="l251" href="#l251">251</a><td><tr><td><a name="l252" href="#l252">252</a><td> this.x = (x - center.x) * cos - (y - center.y) * sin + center.x;<tr><td><a name="l253" href="#l253">253</a><td> this.y = (x - center.x) * sin + (y - center.y) * cos + center.y;<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>/**<tr><td><a name="l258" href="#l258">258</a><td> * Rotates this coordinate clockwise about the origin (or, optionally, the given<tr><td><a name="l259" href="#l259">259</a><td> * center) by the given angle, in degrees.<tr><td><a name="l260" href="#l260">260</a><td> * @param {number} degrees The angle by which to rotate this coordinate<tr><td><a name="l261" href="#l261">261</a><td> * clockwise about the given center, in degrees.<tr><td><a name="l262" href="#l262">262</a><td> * @param {!goog.math.Coordinate=} opt_center The center of rotation. Defaults<tr><td><a name="l263" href="#l263">263</a><td> * to (0, 0) if not given.<tr><td><a name="l264" href="#l264">264</a><td> */<tr><td><a name="l265" href="#l265">265</a><td>goog.math.Coordinate.prototype.rotateDegrees = function(degrees, opt_center) {<tr><td><a name="l266" href="#l266">266</a><td> this.rotateRadians(goog.math.toRadians(degrees), opt_center);<tr><td><a name="l267" href="#l267">267</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>