UNPKG

selenium-webdriver

Version:

The official WebDriver JavaScript bindings from the Selenium project

1 lines 18.7 kB
<!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>size.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/size.js</h1><div><table><tr><td><a id="l1"></a><a href="#l1">1</a><td>// Copyright 2007 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 &quot;License&quot;);<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 &quot;AS-IS&quot; 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 two-dimensional sizes.<tr><td><a id="l17"></a><a href="#l17">17</a><td> * @author brenneman@google.com (Shawn Brenneman)<tr><td><a id="l18"></a><a href="#l18">18</a><td> */<tr><td><a id="l19"></a><a href="#l19">19</a><td><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.provide(&#39;goog.math.Size&#39;);<tr><td><a id="l22"></a><a href="#l22">22</a><td><tr><td><a id="l23"></a><a href="#l23">23</a><td><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> * Class for representing sizes consisting of a width and height. Undefined<tr><td><a id="l27"></a><a href="#l27">27</a><td> * width and height support is deprecated and results in compiler warning.<tr><td><a id="l28"></a><a href="#l28">28</a><td> * @param {number} width Width.<tr><td><a id="l29"></a><a href="#l29">29</a><td> * @param {number} height Height.<tr><td><a id="l30"></a><a href="#l30">30</a><td> * @struct<tr><td><a id="l31"></a><a href="#l31">31</a><td> * @constructor<tr><td><a id="l32"></a><a href="#l32">32</a><td> */<tr><td><a id="l33"></a><a href="#l33">33</a><td>goog.math.Size = function(width, height) {<tr><td><a id="l34"></a><a href="#l34">34</a><td> /**<tr><td><a id="l35"></a><a href="#l35">35</a><td> * Width<tr><td><a id="l36"></a><a href="#l36">36</a><td> * @type {number}<tr><td><a id="l37"></a><a href="#l37">37</a><td> */<tr><td><a id="l38"></a><a href="#l38">38</a><td> this.width = width;<tr><td><a id="l39"></a><a href="#l39">39</a><td><tr><td><a id="l40"></a><a href="#l40">40</a><td> /**<tr><td><a id="l41"></a><a href="#l41">41</a><td> * Height<tr><td><a id="l42"></a><a href="#l42">42</a><td> * @type {number}<tr><td><a id="l43"></a><a href="#l43">43</a><td> */<tr><td><a id="l44"></a><a href="#l44">44</a><td> this.height = height;<tr><td><a id="l45"></a><a href="#l45">45</a><td>};<tr><td><a id="l46"></a><a href="#l46">46</a><td><tr><td><a id="l47"></a><a href="#l47">47</a><td><tr><td><a id="l48"></a><a href="#l48">48</a><td>/**<tr><td><a id="l49"></a><a href="#l49">49</a><td> * Compares sizes for equality.<tr><td><a id="l50"></a><a href="#l50">50</a><td> * @param {goog.math.Size} a A Size.<tr><td><a id="l51"></a><a href="#l51">51</a><td> * @param {goog.math.Size} b A Size.<tr><td><a id="l52"></a><a href="#l52">52</a><td> * @return {boolean} True iff the sizes have equal widths and equal<tr><td><a id="l53"></a><a href="#l53">53</a><td> * heights, or if both are null.<tr><td><a id="l54"></a><a href="#l54">54</a><td> */<tr><td><a id="l55"></a><a href="#l55">55</a><td>goog.math.Size.equals = function(a, b) {<tr><td><a id="l56"></a><a href="#l56">56</a><td> if (a == b) {<tr><td><a id="l57"></a><a href="#l57">57</a><td> return true;<tr><td><a id="l58"></a><a href="#l58">58</a><td> }<tr><td><a id="l59"></a><a href="#l59">59</a><td> if (!a || !b) {<tr><td><a id="l60"></a><a href="#l60">60</a><td> return false;<tr><td><a id="l61"></a><a href="#l61">61</a><td> }<tr><td><a id="l62"></a><a href="#l62">62</a><td> return a.width == b.width &amp;&amp; a.height == b.height;<tr><td><a id="l63"></a><a href="#l63">63</a><td>};<tr><td><a id="l64"></a><a href="#l64">64</a><td><tr><td><a id="l65"></a><a href="#l65">65</a><td><tr><td><a id="l66"></a><a href="#l66">66</a><td>/**<tr><td><a id="l67"></a><a href="#l67">67</a><td> * @return {!goog.math.Size} A new copy of the Size.<tr><td><a id="l68"></a><a href="#l68">68</a><td> */<tr><td><a id="l69"></a><a href="#l69">69</a><td>goog.math.Size.prototype.clone = function() {<tr><td><a id="l70"></a><a href="#l70">70</a><td> return new goog.math.Size(this.width, this.height);<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>if (goog.DEBUG) {<tr><td><a id="l75"></a><a href="#l75">75</a><td> /**<tr><td><a id="l76"></a><a href="#l76">76</a><td> * Returns a nice string representing size.<tr><td><a id="l77"></a><a href="#l77">77</a><td> * @return {string} In the form (50 x 73).<tr><td><a id="l78"></a><a href="#l78">78</a><td> * @override<tr><td><a id="l79"></a><a href="#l79">79</a><td> */<tr><td><a id="l80"></a><a href="#l80">80</a><td> goog.math.Size.prototype.toString = function() {<tr><td><a id="l81"></a><a href="#l81">81</a><td> return &#39;(&#39; + this.width + &#39; x &#39; + this.height + &#39;)&#39;;<tr><td><a id="l82"></a><a href="#l82">82</a><td> };<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> * @return {number} The longer of the two dimensions in the size.<tr><td><a id="l88"></a><a href="#l88">88</a><td> */<tr><td><a id="l89"></a><a href="#l89">89</a><td>goog.math.Size.prototype.getLongest = function() {<tr><td><a id="l90"></a><a href="#l90">90</a><td> return Math.max(this.width, this.height);<tr><td><a id="l91"></a><a href="#l91">91</a><td>};<tr><td><a id="l92"></a><a href="#l92">92</a><td><tr><td><a id="l93"></a><a href="#l93">93</a><td><tr><td><a id="l94"></a><a href="#l94">94</a><td>/**<tr><td><a id="l95"></a><a href="#l95">95</a><td> * @return {number} The shorter of the two dimensions in the size.<tr><td><a id="l96"></a><a href="#l96">96</a><td> */<tr><td><a id="l97"></a><a href="#l97">97</a><td>goog.math.Size.prototype.getShortest = function() {<tr><td><a id="l98"></a><a href="#l98">98</a><td> return Math.min(this.width, this.height);<tr><td><a id="l99"></a><a href="#l99">99</a><td>};<tr><td><a id="l100"></a><a href="#l100">100</a><td><tr><td><a id="l101"></a><a href="#l101">101</a><td><tr><td><a id="l102"></a><a href="#l102">102</a><td>/**<tr><td><a id="l103"></a><a href="#l103">103</a><td> * @return {number} The area of the size (width * height).<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.Size.prototype.area = function() {<tr><td><a id="l106"></a><a href="#l106">106</a><td> return this.width * this.height;<tr><td><a id="l107"></a><a href="#l107">107</a><td>};<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> * @return {number} The perimeter of the size (width + height) * 2.<tr><td><a id="l112"></a><a href="#l112">112</a><td> */<tr><td><a id="l113"></a><a href="#l113">113</a><td>goog.math.Size.prototype.perimeter = function() {<tr><td><a id="l114"></a><a href="#l114">114</a><td> return (this.width + this.height) * 2;<tr><td><a id="l115"></a><a href="#l115">115</a><td>};<tr><td><a id="l116"></a><a href="#l116">116</a><td><tr><td><a id="l117"></a><a href="#l117">117</a><td><tr><td><a id="l118"></a><a href="#l118">118</a><td>/**<tr><td><a id="l119"></a><a href="#l119">119</a><td> * @return {number} The ratio of the size&#39;s width to its height.<tr><td><a id="l120"></a><a href="#l120">120</a><td> */<tr><td><a id="l121"></a><a href="#l121">121</a><td>goog.math.Size.prototype.aspectRatio = function() {<tr><td><a id="l122"></a><a href="#l122">122</a><td> return this.width / this.height;<tr><td><a id="l123"></a><a href="#l123">123</a><td>};<tr><td><a id="l124"></a><a href="#l124">124</a><td><tr><td><a id="l125"></a><a href="#l125">125</a><td><tr><td><a id="l126"></a><a href="#l126">126</a><td>/**<tr><td><a id="l127"></a><a href="#l127">127</a><td> * @return {boolean} True if the size has zero area, false if both dimensions<tr><td><a id="l128"></a><a href="#l128">128</a><td> * are non-zero numbers.<tr><td><a id="l129"></a><a href="#l129">129</a><td> */<tr><td><a id="l130"></a><a href="#l130">130</a><td>goog.math.Size.prototype.isEmpty = function() {<tr><td><a id="l131"></a><a href="#l131">131</a><td> return !this.area();<tr><td><a id="l132"></a><a href="#l132">132</a><td>};<tr><td><a id="l133"></a><a href="#l133">133</a><td><tr><td><a id="l134"></a><a href="#l134">134</a><td><tr><td><a id="l135"></a><a href="#l135">135</a><td>/**<tr><td><a id="l136"></a><a href="#l136">136</a><td> * Clamps the width and height parameters upward to integer values.<tr><td><a id="l137"></a><a href="#l137">137</a><td> * @return {!goog.math.Size} This size with ceil&#39;d components.<tr><td><a id="l138"></a><a href="#l138">138</a><td> */<tr><td><a id="l139"></a><a href="#l139">139</a><td>goog.math.Size.prototype.ceil = function() {<tr><td><a id="l140"></a><a href="#l140">140</a><td> this.width = Math.ceil(this.width);<tr><td><a id="l141"></a><a href="#l141">141</a><td> this.height = Math.ceil(this.height);<tr><td><a id="l142"></a><a href="#l142">142</a><td> return this;<tr><td><a id="l143"></a><a href="#l143">143</a><td>};<tr><td><a id="l144"></a><a href="#l144">144</a><td><tr><td><a id="l145"></a><a href="#l145">145</a><td><tr><td><a id="l146"></a><a href="#l146">146</a><td>/**<tr><td><a id="l147"></a><a href="#l147">147</a><td> * @param {!goog.math.Size} target The target size.<tr><td><a id="l148"></a><a href="#l148">148</a><td> * @return {boolean} True if this Size is the same size or smaller than the<tr><td><a id="l149"></a><a href="#l149">149</a><td> * target size in both dimensions.<tr><td><a id="l150"></a><a href="#l150">150</a><td> */<tr><td><a id="l151"></a><a href="#l151">151</a><td>goog.math.Size.prototype.fitsInside = function(target) {<tr><td><a id="l152"></a><a href="#l152">152</a><td> return this.width &lt;= target.width &amp;&amp; this.height &lt;= target.height;<tr><td><a id="l153"></a><a href="#l153">153</a><td>};<tr><td><a id="l154"></a><a href="#l154">154</a><td><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> * Clamps the width and height parameters downward to integer values.<tr><td><a id="l158"></a><a href="#l158">158</a><td> * @return {!goog.math.Size} This size with floored components.<tr><td><a id="l159"></a><a href="#l159">159</a><td> */<tr><td><a id="l160"></a><a href="#l160">160</a><td>goog.math.Size.prototype.floor = function() {<tr><td><a id="l161"></a><a href="#l161">161</a><td> this.width = Math.floor(this.width);<tr><td><a id="l162"></a><a href="#l162">162</a><td> this.height = Math.floor(this.height);<tr><td><a id="l163"></a><a href="#l163">163</a><td> return this;<tr><td><a id="l164"></a><a href="#l164">164</a><td>};<tr><td><a id="l165"></a><a href="#l165">165</a><td><tr><td><a id="l166"></a><a href="#l166">166</a><td><tr><td><a id="l167"></a><a href="#l167">167</a><td>/**<tr><td><a id="l168"></a><a href="#l168">168</a><td> * Rounds the width and height parameters to integer values.<tr><td><a id="l169"></a><a href="#l169">169</a><td> * @return {!goog.math.Size} This size with rounded components.<tr><td><a id="l170"></a><a href="#l170">170</a><td> */<tr><td><a id="l171"></a><a href="#l171">171</a><td>goog.math.Size.prototype.round = function() {<tr><td><a id="l172"></a><a href="#l172">172</a><td> this.width = Math.round(this.width);<tr><td><a id="l173"></a><a href="#l173">173</a><td> this.height = Math.round(this.height);<tr><td><a id="l174"></a><a href="#l174">174</a><td> return this;<tr><td><a id="l175"></a><a href="#l175">175</a><td>};<tr><td><a id="l176"></a><a href="#l176">176</a><td><tr><td><a id="l177"></a><a href="#l177">177</a><td><tr><td><a id="l178"></a><a href="#l178">178</a><td>/**<tr><td><a id="l179"></a><a href="#l179">179</a><td> * Scales this size by the given scale factors. The width and height are scaled<tr><td><a id="l180"></a><a href="#l180">180</a><td> * by {@code sx} and {@code opt_sy} respectively. If {@code opt_sy} is not<tr><td><a id="l181"></a><a href="#l181">181</a><td> * given, then {@code sx} is used for both the width and height.<tr><td><a id="l182"></a><a href="#l182">182</a><td> * @param {number} sx The scale factor to use for the width.<tr><td><a id="l183"></a><a href="#l183">183</a><td> * @param {number=} opt_sy The scale factor to use for the height.<tr><td><a id="l184"></a><a href="#l184">184</a><td> * @return {!goog.math.Size} This Size object after scaling.<tr><td><a id="l185"></a><a href="#l185">185</a><td> */<tr><td><a id="l186"></a><a href="#l186">186</a><td>goog.math.Size.prototype.scale = function(sx, opt_sy) {<tr><td><a id="l187"></a><a href="#l187">187</a><td> var sy = goog.isNumber(opt_sy) ? opt_sy : sx;<tr><td><a id="l188"></a><a href="#l188">188</a><td> this.width *= sx;<tr><td><a id="l189"></a><a href="#l189">189</a><td> this.height *= sy;<tr><td><a id="l190"></a><a href="#l190">190</a><td> return this;<tr><td><a id="l191"></a><a href="#l191">191</a><td>};<tr><td><a id="l192"></a><a href="#l192">192</a><td><tr><td><a id="l193"></a><a href="#l193">193</a><td><tr><td><a id="l194"></a><a href="#l194">194</a><td>/**<tr><td><a id="l195"></a><a href="#l195">195</a><td> * Uniformly scales the size to perfectly cover the dimensions of a given size.<tr><td><a id="l196"></a><a href="#l196">196</a><td> * If the size is already larger than the target, it will be scaled down to the<tr><td><a id="l197"></a><a href="#l197">197</a><td> * minimum size at which it still covers the entire target. The original aspect<tr><td><a id="l198"></a><a href="#l198">198</a><td> * ratio will be preserved.<tr><td><a id="l199"></a><a href="#l199">199</a><td> *<tr><td><a id="l200"></a><a href="#l200">200</a><td> * This function assumes that both Sizes contain strictly positive dimensions.<tr><td><a id="l201"></a><a href="#l201">201</a><td> * @param {!goog.math.Size} target The target size.<tr><td><a id="l202"></a><a href="#l202">202</a><td> * @return {!goog.math.Size} This Size object, after optional scaling.<tr><td><a id="l203"></a><a href="#l203">203</a><td> */<tr><td><a id="l204"></a><a href="#l204">204</a><td>goog.math.Size.prototype.scaleToCover = function(target) {<tr><td><a id="l205"></a><a href="#l205">205</a><td> var s = this.aspectRatio() &lt;= target.aspectRatio() ?<tr><td><a id="l206"></a><a href="#l206">206</a><td> target.width / this.width :<tr><td><a id="l207"></a><a href="#l207">207</a><td> target.height / this.height;<tr><td><a id="l208"></a><a href="#l208">208</a><td><tr><td><a id="l209"></a><a href="#l209">209</a><td> return this.scale(s);<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><tr><td><a id="l213"></a><a href="#l213">213</a><td>/**<tr><td><a id="l214"></a><a href="#l214">214</a><td> * Uniformly scales the size to fit inside the dimensions of a given size. The<tr><td><a id="l215"></a><a href="#l215">215</a><td> * original aspect ratio will be preserved.<tr><td><a id="l216"></a><a href="#l216">216</a><td> *<tr><td><a id="l217"></a><a href="#l217">217</a><td> * This function assumes that both Sizes contain strictly positive dimensions.<tr><td><a id="l218"></a><a href="#l218">218</a><td> * @param {!goog.math.Size} target The target size.<tr><td><a id="l219"></a><a href="#l219">219</a><td> * @return {!goog.math.Size} This Size object, after optional scaling.<tr><td><a id="l220"></a><a href="#l220">220</a><td> */<tr><td><a id="l221"></a><a href="#l221">221</a><td>goog.math.Size.prototype.scaleToFit = function(target) {<tr><td><a id="l222"></a><a href="#l222">222</a><td> var s = this.aspectRatio() &gt; target.aspectRatio() ?<tr><td><a id="l223"></a><a href="#l223">223</a><td> target.width / this.width :<tr><td><a id="l224"></a><a href="#l224">224</a><td> target.height / this.height;<tr><td><a id="l225"></a><a href="#l225">225</a><td><tr><td><a id="l226"></a><a href="#l226">226</a><td> return this.scale(s);<tr><td><a id="l227"></a><a href="#l227">227</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>