# Wijmo.Rect

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								Rect Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Class that represents a rectangle (with left, top, width, and height).</p>
								</div>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="target">Rect</span>
								</li>
							</ul>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Constructors
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="wijmo.rect.html#constructor" class="tsd-kind-icon">constructor</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Properties
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo.rect.html#bottom" class="tsd-kind-icon">bottom</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo.rect.html#height" class="tsd-kind-icon">height</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo.rect.html#left" class="tsd-kind-icon">left</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo.rect.html#right" class="tsd-kind-icon">right</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo.rect.html#top" class="tsd-kind-icon">top</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo.rect.html#width" class="tsd-kind-icon">width</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Methods
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo.rect.html#clone" class="tsd-kind-icon">clone</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo.rect.html#contains" class="tsd-kind-icon">contains</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo.rect.html#equals" class="tsd-kind-icon">equals</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo.rect.html#inflate" class="tsd-kind-icon">inflate</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="wijmo.rect.html#fromboundingrect" class="tsd-kind-icon">from<wbr>Bounding<wbr>Rect</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="wijmo.rect.html#intersection" class="tsd-kind-icon">intersection</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="wijmo.rect.html#union" class="tsd-kind-icon">union</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Constructors</h2>
							<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
								<a name="constructor" class="tsd-anchor"></a>
								<h3>constructor</h3>
								<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">new <wbr>Rect<span class="tsd-signature-symbol">(</span>left<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, top<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Initializes a new instance of the <a href="wijmo.rect.html">Rect</a> class.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>left: <span class="tsd-signature-type">number</span></h5>
												<div class="tsd-comment">
													<div class="lead">
														<p>Left coordinate of the new <a href="wijmo.rect.html">Rect</a>.</p>
													</div>
												</div>
											</li>
											<li>
												<h5>top: <span class="tsd-signature-type">number</span></h5>
												<div class="tsd-comment">
													<div class="lead">
														<p>Top coordinate of the new <a href="wijmo.rect.html">Rect</a>.</p>
													</div>
												</div>
											</li>
											<li>
												<h5>width: <span class="tsd-signature-type">number</span></h5>
												<div class="tsd-comment">
													<div class="lead">
														<p>Width of the new <a href="wijmo.rect.html">Rect</a>.</p>
													</div>
												</div>
											</li>
											<li>
												<h5>height: <span class="tsd-signature-type">number</span></h5>
												<div class="tsd-comment">
													<div class="lead">
														<p>Height of the new <a href="wijmo.rect.html">Rect</a>.</p>
													</div>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h4>
									</li>
								</ul>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Properties</h2>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="bottom" class="tsd-anchor"></a>
								<h3>bottom</h3>
								<div class="tsd-signature tsd-kind-icon">bottom<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets the bottom coordinate of this <a href="wijmo.rect.html">Rect</a>.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="height" class="tsd-anchor"></a>
								<h3>height</h3>
								<div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the height of this <a href="wijmo.rect.html">Rect</a>.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="left" class="tsd-anchor"></a>
								<h3>left</h3>
								<div class="tsd-signature tsd-kind-icon">left<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the left coordinate of this <a href="wijmo.rect.html">Rect</a>.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="right" class="tsd-anchor"></a>
								<h3>right</h3>
								<div class="tsd-signature tsd-kind-icon">right<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets the right coordinate of this <a href="wijmo.rect.html">Rect</a>.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="top" class="tsd-anchor"></a>
								<h3>top</h3>
								<div class="tsd-signature tsd-kind-icon">top<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the top coordinate of this <a href="wijmo.rect.html">Rect</a>.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="width" class="tsd-anchor"></a>
								<h3>width</h3>
								<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the width of this <a href="wijmo.rect.html">Rect</a>.</p>
									</div>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Methods</h2>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="clone" class="tsd-anchor"></a>
								<h3>clone</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">clone<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Creates a copy of this <a href="wijmo.rect.html">Rect</a>.</p>
											</div>
										</div>
										<h4 class="tsd-returns-title">Returns <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="contains" class="tsd-anchor"></a>
								<h3>contains</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">contains<span class="tsd-signature-symbol">(</span>pt<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Determines whether the rectangle contains a given point or rectangle.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>pt: <span class="tsd-signature-type">any</span></h5>
												<div class="tsd-comment">
													<p>The <a href="wijmo.point.html">Point</a> or <a href="wijmo.rect.html">Rect</a> to ckeck.</p>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="equals" class="tsd-anchor"></a>
								<h3>equals</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">equals<span class="tsd-signature-symbol">(</span>rc<span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Returns true if a <a href="wijmo.rect.html">Rect</a> has the same coordinates and dimensions
												as this <a href="wijmo.rect.html">Rect</a>.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>rc: <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h5>
												<div class="tsd-comment">
													<p><a href="wijmo.rect.html">Rect</a> to compare to this <a href="wijmo.rect.html">Rect</a>.</p>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="inflate" class="tsd-anchor"></a>
								<h3>inflate</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">inflate<span class="tsd-signature-symbol">(</span>dx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, dy<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, rectWidth<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, rectHeight<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Creates a rectangle that results from expanding or shrinking a rectangle by the specified amounts.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>dx: <span class="tsd-signature-type">number</span></h5>
												<div class="tsd-comment">
													<p>The amount by which to expand or shrink the left and right sides of the rectangle.</p>
												</div>
											</li>
											<li>
												<h5>dy: <span class="tsd-signature-type">number</span></h5>
												<div class="tsd-comment">
													<p>The amount by which to expand or shrink the top and bottom sides of the rectangle.</p>
												</div>
											</li>
											<li>
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> rectWidth: <span class="tsd-signature-type">number</span></h5>
											</li>
											<li>
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> rectHeight: <span class="tsd-signature-type">number</span></h5>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
								<a name="fromboundingrect" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagStatic">Static</span> fromBoundingRect</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
									<li class="tsd-signature tsd-kind-icon">from<wbr>Bounding<wbr>Rect<span class="tsd-signature-symbol">(</span>rc<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Creates a <a href="wijmo.rect.html">Rect</a> from <b>ClientRect</b> or <b>SVGRect</b> objects.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>rc: <span class="tsd-signature-type">any</span></h5>
												<div class="tsd-comment">
													<p>Rectangle obtained by a call to the DOM's <b>getBoundingClientRect</b>
													or <b>GetBoundingBox</b> methods.</p>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
								<a name="intersection" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagStatic">Static</span> intersection</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
									<li class="tsd-signature tsd-kind-icon">intersection<span class="tsd-signature-symbol">(</span>rc1<span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a>, rc2<span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Gets a rectangle that represents the intersection of two rectangles.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>rc1: <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h5>
												<div class="tsd-comment">
													<p>First rectangle.</p>
												</div>
											</li>
											<li>
												<h5>rc2: <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h5>
												<div class="tsd-comment">
													<p>Second rectangle.</p>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
								<a name="union" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagStatic">Static</span> union</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
									<li class="tsd-signature tsd-kind-icon">union<span class="tsd-signature-symbol">(</span>rc1<span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a>, rc2<span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Gets a rectangle that represents the union of two rectangles.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>rc1: <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h5>
												<div class="tsd-comment">
													<p>First rectangle.</p>
												</div>
											</li>
											<li>
												<h5>rc2: <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h5>
												<div class="tsd-comment">
													<p>Second rectangle.</p>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></h4>
									</li>
								</ul>
							</section>
						</section>
					</div>