fabric.js/docs/symbols/fabric.Object.html

3128 lines
70 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="JsDoc Toolkit" />
<title>JsDoc Reference - fabric.Object</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<meta name="mobileoptimized" content="0" />
<link rel="stylesheet" type="text/css" href="../css/all.css" media="all" />
<link rel="stylesheet" type="text/css" href="../css/handheld.css" media="only screen and (max-width: 660px)" />
<link rel="stylesheet" type="text/css" href="../css/handheld.css" media="handheld" />
<link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen and (min-width: 661px)" />
<script type="text/javascript" src="../javascript/wbos.CSSTools.MediaQueryFallBack.js"></script>
</head>
<body>
<div id="header">
</div>
<div class="index">
<div class="menu">
<!-- begin publish.classesIndex -->
<div class="indexLinks">
<a href="../index.html">Classes</a>
<a href="../files.html">Files</a>
</div>
<h2 class="heading1">Classes</h2>
<ul class="classList">
<li><a href="../symbols/_global_.html">_global_</a></li>
<li><a href="../symbols/Array.html">Array</a></li>
<li><a href="../symbols/fabric.Circle.html">fabric<span class='break'> </span>.<span class='break'> </span>Circle</a></li>
<li><a href="../symbols/fabric.Color.html">fabric<span class='break'> </span>.<span class='break'> </span>Color</a></li>
<li><a href="../symbols/fabric.Element.html">fabric<span class='break'> </span>.<span class='break'> </span>Element</a></li>
<li><a href="../symbols/fabric.Element%23cache.html">fabric<span class='break'> </span>.<span class='break'> </span>Element#cache</a></li>
<li><a href="../symbols/fabric.Ellipse.html">fabric<span class='break'> </span>.<span class='break'> </span>Ellipse</a></li>
<li><a href="../symbols/fabric.Group.html">fabric<span class='break'> </span>.<span class='break'> </span>Group</a></li>
<li><a href="../symbols/fabric.Image.html">fabric<span class='break'> </span>.<span class='break'> </span>Image</a></li>
<li><a href="../symbols/fabric.Intersection.html">fabric<span class='break'> </span>.<span class='break'> </span>Intersection</a></li>
<li><a href="../symbols/fabric.Line.html">fabric<span class='break'> </span>.<span class='break'> </span>Line</a></li>
<li><a href="../symbols/fabric.Object.html">fabric<span class='break'> </span>.<span class='break'> </span>Object</a></li>
<li><a href="../symbols/fabric.Path.html">fabric<span class='break'> </span>.<span class='break'> </span>Path</a></li>
<li><a href="../symbols/fabric.PathGroup.html">fabric<span class='break'> </span>.<span class='break'> </span>PathGroup</a></li>
<li><a href="../symbols/fabric.Point.html">fabric<span class='break'> </span>.<span class='break'> </span>Point</a></li>
<li><a href="../symbols/fabric.Polygon.html">fabric<span class='break'> </span>.<span class='break'> </span>Polygon</a></li>
<li><a href="../symbols/fabric.Polyline.html">fabric<span class='break'> </span>.<span class='break'> </span>Polyline</a></li>
<li><a href="../symbols/fabric.Rect.html">fabric<span class='break'> </span>.<span class='break'> </span>Rect</a></li>
<li><a href="../symbols/fabric.Text.html">fabric<span class='break'> </span>.<span class='break'> </span>Text</a></li>
<li><a href="../symbols/fabric.Triangle.html">fabric<span class='break'> </span>.<span class='break'> </span>Triangle</a></li>
<li><a href="../symbols/fabric.util.html">fabric<span class='break'> </span>.<span class='break'> </span>util</a></li>
<li><a href="../symbols/fabric.util.array.html">fabric<span class='break'> </span>.<span class='break'> </span>util<span class='break'> </span>.<span class='break'> </span>array</a></li>
<li><a href="../symbols/fabric.util.object.html">fabric<span class='break'> </span>.<span class='break'> </span>util<span class='break'> </span>.<span class='break'> </span>object</a></li>
<li><a href="../symbols/fabric.util.string.html">fabric<span class='break'> </span>.<span class='break'> </span>util<span class='break'> </span>.<span class='break'> </span>string</a></li>
<li><a href="../symbols/Function.html">Function</a></li>
<li><a href="../symbols/String.html">String</a></li>
</ul>
<!-- end publish.classesIndex -->
</div>
<div class="fineprint" style="clear:both">
Generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Fri Oct 15 2010 13:14:01 GMT-0400 (EDT)<br />
HTML template: <a href="http://www.thebrightlines.com/2010/05/06/new-template-for-jsdoctoolkit-codeview/" target="_blank">Codeview 1.1.1</a>
</div>
</div>
<div class="index indexStatic"></div>
<div class="content">
<div class="innerContent">
<h1 class="classTitle">
Class <span>fabric<span class='break'> </span>.Object</span>
</h1>
<p class="description summary">
Object
</p>
<ul class="summary">
<li>Defined in: <span class="fixedFont"><a href="../symbols/src/src_object.class.js.html">object.class.js</a></span></li>
</ul>
<div class="props">
<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class fabric.Object.">
<caption>Class Summary</caption>
<thead>
<tr>
<th scope="col">Constructor Attributes</th>
<th scope="col">Constructor Name and Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription" >
<div class="fixedFont">
<b><a href="../symbols/fabric.Object.html#constructor">fabric.Object</a></b>()
</div>
<div class="description"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="props">
<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class fabric.Object.">
<caption>Field Summary</caption>
<thead>
<tr>
<th scope="col">Field Attributes</th>
<th scope="col">Field Name and Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="attributes">&lt;constant&gt; &nbsp;</td>
<td class="nameDescription">
<div class="fixedFont">
<b><a href="../symbols/fabric.Object.html#FX_DURATION">FX_DURATION</a></b>
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&lt;constant&gt; &nbsp;</td>
<td class="nameDescription">
<div class="fixedFont">
<b><a href="../symbols/fabric.Object.html#FX_TRANSITION">FX_TRANSITION</a></b>
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont">
<b><a href="../symbols/fabric.Object.html#includeDefaultValues">includeDefaultValues</a></b>
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&lt;constant&gt; &nbsp;</td>
<td class="nameDescription">
<div class="fixedFont">
<b><a href="../symbols/fabric.Object.html#MIN_SCALE_LIMIT">MIN_SCALE_LIMIT</a></b>
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&lt;constant&gt; &nbsp;</td>
<td class="nameDescription">
<div class="fixedFont">
<b><a href="../symbols/fabric.Object.html#NUM_FRACTION_DIGITS">NUM_FRACTION_DIGITS</a></b>
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont">
<b><a href="../symbols/fabric.Object.html#options">options</a></b>
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont">
<b><a href="../symbols/fabric.Object.html#rotate">rotate</a></b>
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont">
<b><a href="../symbols/fabric.Object.html#stateProperties">stateProperties</a></b>
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont">
<b><a href="../symbols/fabric.Object.html#type">type</a></b>
</div>
<div class="description"></div>
</td>
</tr>
</tbody>
</table>
</div>
<!--
#### METHODS SUMMARY
-->
<div class="props">
<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class fabric.Object.">
<caption>Method Summary</caption>
<thead>
<tr>
<th scope="col">Method Attributes</th>
<th scope="col">Method Name and Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#callSuper">callSuper</a></b>(methodName)
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#clone">clone</a></b>(options)
</div>
<div class="description">Clones an instance</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#cloneAsImage">cloneAsImage</a></b>(callback)
</div>
<div class="description">Creates an instance of fabric.Image out of an object</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#complexity">complexity</a></b>()
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#drawBorders">drawBorders</a></b>(ctx)
</div>
<div class="description">Draws borders of an object's bounding box.</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#drawCorners">drawCorners</a></b>(ctx)
</div>
<div class="description">Draws corners of an object's bounding box.</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#fxRemove">fxRemove</a></b>(callbacks)
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#fxStraighten">fxStraighten</a></b>(callbacks)
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#get">get</a></b>(property)
</div>
<div class="description">Basic getter</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#getAngle">getAngle</a></b>()
</div>
<div class="description">Returns object's angle value</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#getCenter">getCenter</a></b>()
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#getHeight">getHeight</a></b>()
</div>
<div class="description">Returns height of an object</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#getWidth">getWidth</a></b>()
</div>
<div class="description">Returns width of an object</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#hasStateChanged">hasStateChanged</a></b>()
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#initialize">initialize</a></b>(options)
</div>
<div class="description">Constructor</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#intersectsWithObject">intersectsWithObject</a></b>(other)
</div>
<div class="description">Returns true if object intersects with another object</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#intersectsWithRect">intersectsWithRect</a></b>(selectionTL, selectionBR)
</div>
<div class="description">Returns true if object intersects with an area formed by 2 points</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#isActive">isActive</a></b>()
</div>
<div class="description">Returns true if an object is in its active state</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#isContainedWithinRect">isContainedWithinRect</a></b>(selectionTL, selectionBR)
</div>
<div class="description">Returns true if object is fully contained within area formed by 2 points</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#isType">isType</a></b>(type)
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#render">render</a></b>(ctx, noTransform)
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#saveState">saveState</a></b>()
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#scale">scale</a></b>(value)
</div>
<div class="description">Scales an object (equally by x and y)</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#scaleToHeight">scaleToHeight</a></b>(value)
</div>
<div class="description">Scales an object to a given height (scaling by x/y equally)</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#scaleToWidth">scaleToWidth</a></b>(value)
</div>
<div class="description">Scales an object to a given width (scaling by x/y equally)</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#set">set</a></b>(property, value)
</div>
<div class="description">Basic setter</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#setActive">setActive</a></b>(active)
</div>
<div class="description">Sets state of an object - `true` makes it active, `false` - inactive</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#setAngle">setAngle</a></b>(value)
</div>
<div class="description">Sets object's angle</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#setCoords">setCoords</a></b>()
</div>
<div class="description">Sets corner position coordinates based on current angle, width and height.</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#setOpacity">setOpacity</a></b>(value)
</div>
<div class="description">Sets object opacity</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#setOptions">setOptions</a></b>(options)
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#setSourcePath">setSourcePath</a></b>(value)
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#straighten">straighten</a></b>()
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#toDatalessObject">toDatalessObject</a></b>()
</div>
<div class="description"></div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#toDataURL">toDataURL</a></b>()
</div>
<div class="description">Converts an object into a data-url-like string</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#toggle">toggle</a></b>(property)
</div>
<div class="description">Toggles specified property from `true` to `false` or from `false` to `true`</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#toGrayscale">toGrayscale</a></b>()
</div>
<div class="description">Makes object's color grayscale</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#toJSON">toJSON</a></b>()
</div>
<div class="description">Returns a JSON representation of an instance</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#toObject">toObject</a></b>()
</div>
<div class="description">Returns an object representation of an instance</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#toString">toString</a></b>()
</div>
<div class="description">Returns a string representation of an instance</div>
</td>
</tr>
<tr>
<td class="attributes">&nbsp;</td>
<td class="nameDescription">
<div class="fixedFont"><b><a href="../symbols/fabric.Object.html#transform">transform</a></b>(ctx)
</div>
<div class="description"></div>
</td>
</tr>
</tbody>
</table>
</div>
<!--
#### EVENTS SUMMARY
-->
<!--
#### CONSTRUCTOR DETAILS
-->
<div class="details props">
<div class="innerProps">
<a name="constructor"></a>
<div class="sectionTitle">
Class Detail
</div>
<div class="fixedFont">
<b>fabric.Object</b>()
</div>
<div class="description">
</div>
</div>
</div>
<!--
#### FIELD DETAILS
-->
<div class="details props">
<div class="innerProps">
<div class="sectionTitle">
Field Detail
</div>
<a name="FX_DURATION"></a>
<div class="fixedFont heading">
<span class='lighter'>
&lt;constant&gt;
</span>
<span class="light">{Number}</span>
<b>FX_DURATION</b>
</div>
<div class="description">
</div>
<div class="hr"></div>
<a name="FX_TRANSITION"></a>
<div class="fixedFont heading">
<span class='lighter'>
&lt;constant&gt;
</span>
<span class="light">{<a href="../symbols/String.html">String</a>}</span>
<b>FX_TRANSITION</b>
</div>
<div class="description">
</div>
<div class="hr"></div>
<a name="includeDefaultValues"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Boolean}</span>
<b>includeDefaultValues</b>
</div>
<div class="description">
</div>
<div class="hr"></div>
<a name="MIN_SCALE_LIMIT"></a>
<div class="fixedFont heading">
<span class='lighter'>
&lt;constant&gt;
</span>
<span class="light">{Number}</span>
<b>MIN_SCALE_LIMIT</b>
</div>
<div class="description">
</div>
<div class="hr"></div>
<a name="NUM_FRACTION_DIGITS"></a>
<div class="fixedFont heading">
<span class='lighter'>
&lt;constant&gt;
</span>
<span class="light">{Number}</span>
<b>NUM_FRACTION_DIGITS</b>
</div>
<div class="description">
</div>
<div class="hr"></div>
<a name="options"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Object}</span>
<b>options</b>
</div>
<div class="description">
</div>
<div class="hr"></div>
<a name="rotate"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<b>rotate</b>
</div>
<div class="description">
</div>
<div class="hr"></div>
<a name="stateProperties"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/Array.html">Array</a>}</span>
<b>stateProperties</b>
</div>
<div class="description">
</div>
<div class="hr"></div>
<a name="type"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/String.html">String</a>}</span>
<b>type</b>
</div>
<div class="description">
</div>
</div>
</div>
<!--
#### METHOD DETAILS
-->
<div class="details props">
<div class="innerProps">
<div class="sectionTitle">
Method Detail
</div>
<a name="callSuper"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<b>callSuper</b>(methodName)
</div>
<div class="description">
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{<a href="../symbols/String.html">String</a>}</span> <b>methodName</b>
</dt>
<dd></dd>
</dl>
<div class="hr"></div>
<a name="clone"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>clone</b>(options)
</div>
<div class="description">
Clones an instance
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Object}</span> <b>options</b>
</dt>
<dd>object</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> clone of an instance</dd>
</dl>
<div class="hr"></div>
<a name="cloneAsImage"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>cloneAsImage</b>(callback)
</div>
<div class="description">
Creates an instance of fabric.Image out of an object
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<b>callback</b>
</dt>
<dd>{Function} callback, invoked with an instance as a first argument</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="complexity"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Number}</span>
<b>complexity</b>()
</div>
<div class="description">
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Number}</span> </dd>
</dl>
<div class="hr"></div>
<a name="drawBorders"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>drawBorders</b>(ctx)
</div>
<div class="description">
Draws borders of an object's bounding box.
Requires public properties: width, height
Requires public options: padding, borderColor
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{CanvasRenderingContext2D}</span> <b>ctx</b>
</dt>
<dd>Context to draw on</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="drawCorners"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>drawCorners</b>(ctx)
</div>
<div class="description">
Draws corners of an object's bounding box.
Requires public properties: width, height, scaleX, scaleY
Requires public options: cornersize, padding
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{CanvasRenderingContext2D}</span> <b>ctx</b>
</dt>
<dd>Context to draw on</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="fxRemove"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>fxRemove</b>(callbacks)
</div>
<div class="description">
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Object}</span> <b>callbacks</b>
</dt>
<dd></dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="fxStraighten"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>fxStraighten</b>(callbacks)
</div>
<div class="description">
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Object}</span> <b>callbacks</b>
</dt>
<dd>- onComplete: invoked on completion
- onChange: invoked on every step of animation</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="get"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Any}</span>
<b>get</b>(property)
</div>
<div class="description">
Basic getter
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Any}</span> <b>property</b>
</dt>
<dd></dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Any}</span> value of a property</dd>
</dl>
<div class="hr"></div>
<a name="getAngle"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Number}</span>
<b>getAngle</b>()
</div>
<div class="description">
Returns object's angle value
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Number}</span> angle value</dd>
</dl>
<div class="hr"></div>
<a name="getCenter"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Object}</span>
<b>getCenter</b>()
</div>
<div class="description">
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Object}</span> object with `x`, `y` properties corresponding to path center coordinates</dd>
</dl>
<div class="hr"></div>
<a name="getHeight"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Number}</span>
<b>getHeight</b>()
</div>
<div class="description">
Returns height of an object
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Number}</span> height value</dd>
</dl>
<div class="hr"></div>
<a name="getWidth"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Number}</span>
<b>getWidth</b>()
</div>
<div class="description">
Returns width of an object
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Number}</span> width value</dd>
</dl>
<div class="hr"></div>
<a name="hasStateChanged"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Boolean}</span>
<b>hasStateChanged</b>()
</div>
<div class="description">
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Boolean}</span> true if instance' state has changed</dd>
</dl>
<div class="hr"></div>
<a name="initialize"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<b>initialize</b>(options)
</div>
<div class="description">
Constructor
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Object}</span> <b>options</b>
<i>Optional</i>
</dt>
<dd>Options object</dd>
</dl>
<div class="hr"></div>
<a name="intersectsWithObject"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Boolean}</span>
<b>intersectsWithObject</b>(other)
</div>
<div class="description">
Returns true if object intersects with another object
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Object}</span> <b>other</b>
</dt>
<dd>Object to test</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Boolean}</span> </dd>
</dl>
<div class="hr"></div>
<a name="intersectsWithRect"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Boolean}</span>
<b>intersectsWithRect</b>(selectionTL, selectionBR)
</div>
<div class="description">
Returns true if object intersects with an area formed by 2 points
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Object}</span> <b>selectionTL</b>
</dt>
<dd></dd>
<dt>
<span class="light fixedFont">{Object}</span> <b>selectionBR</b>
</dt>
<dd></dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Boolean}</span> </dd>
</dl>
<div class="hr"></div>
<a name="isActive"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Boolean}</span>
<b>isActive</b>()
</div>
<div class="description">
Returns true if an object is in its active state
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Boolean}</span> true if an object is in its active state</dd>
</dl>
<div class="hr"></div>
<a name="isContainedWithinRect"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Boolean}</span>
<b>isContainedWithinRect</b>(selectionTL, selectionBR)
</div>
<div class="description">
Returns true if object is fully contained within area formed by 2 points
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Object}</span> <b>selectionTL</b>
</dt>
<dd></dd>
<dt>
<span class="light fixedFont">{Object}</span> <b>selectionBR</b>
</dt>
<dd></dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Boolean}</span> </dd>
</dl>
<div class="hr"></div>
<a name="isType"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Boolean}</span>
<b>isType</b>(type)
</div>
<div class="description">
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<b>type</b>
</dt>
<dd>{String} type to check against</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Boolean}</span> true if specified type is identical to the type of instance</dd>
</dl>
<div class="hr"></div>
<a name="render"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<b>render</b>(ctx, noTransform)
</div>
<div class="description">
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{CanvasRenderingContext2D}</span> <b>ctx</b>
</dt>
<dd>context to render on</dd>
<dt>
<span class="light fixedFont">{Boolean}</span> <b>noTransform</b>
</dt>
<dd></dd>
</dl>
<div class="hr"></div>
<a name="saveState"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>saveState</b>()
</div>
<div class="description">
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="scale"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>scale</b>(value)
</div>
<div class="description">
Scales an object (equally by x and y)
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<b>value</b>
</dt>
<dd>{Number} scale factor</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="scaleToHeight"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>scaleToHeight</b>(value)
</div>
<div class="description">
Scales an object to a given height (scaling by x/y equally)
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<b>value</b>
</dt>
<dd>{Number} new height value</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="scaleToWidth"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>scaleToWidth</b>(value)
</div>
<div class="description">
Scales an object to a given width (scaling by x/y equally)
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<b>value</b>
</dt>
<dd>{Number} new width value</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="set"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>set</b>(property, value)
</div>
<div class="description">
Basic setter
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Any}</span> <b>property</b>
</dt>
<dd></dd>
<dt>
<span class="light fixedFont">{Any}</span> <b>value</b>
</dt>
<dd></dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="setActive"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>setActive</b>(active)
</div>
<div class="description">
Sets state of an object - `true` makes it active, `false` - inactive
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Boolean}</span> <b>active</b>
</dt>
<dd></dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="setAngle"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Object}</span>
<b>setAngle</b>(value)
</div>
<div class="description">
Sets object's angle
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<b>value</b>
</dt>
<dd>{Number} angle value</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Object}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="setCoords"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<b>setCoords</b>()
</div>
<div class="description">
Sets corner position coordinates based on current angle, width and height.
</div>
<div class="hr"></div>
<a name="setOpacity"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>setOpacity</b>(value)
</div>
<div class="description">
Sets object opacity
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<b>value</b>
</dt>
<dd>{Number} value 0-1</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="setOptions"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<b>setOptions</b>(options)
</div>
<div class="description">
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{Object}</span> <b>options</b>
<i>Optional</i>
</dt>
<dd></dd>
</dl>
<div class="hr"></div>
<a name="setSourcePath"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>setSourcePath</b>(value)
</div>
<div class="description">
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{<a href="../symbols/String.html">String</a>}</span> <b>value</b>
</dt>
<dd></dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="straighten"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>straighten</b>()
</div>
<div class="description">
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="toDatalessObject"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<b>toDatalessObject</b>()
</div>
<div class="description">
</div>
<div class="hr"></div>
<a name="toDataURL"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/String.html">String</a>}</span>
<b>toDataURL</b>()
</div>
<div class="description">
Converts an object into a data-url-like string
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/String.html">String</a>}</span> string of data</dd>
</dl>
<div class="hr"></div>
<a name="toggle"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>toggle</b>(property)
</div>
<div class="description">
Toggles specified property from `true` to `false` or from `false` to `true`
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{<a href="../symbols/String.html">String</a>}</span> <b>property</b>
</dt>
<dd>property to toggle</dd>
</dl>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="toGrayscale"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span>
<b>toGrayscale</b>()
</div>
<div class="description">
Makes object's color grayscale
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/fabric.Object.html">fabric.Object</a>}</span> thisArg</dd>
</dl>
<div class="hr"></div>
<a name="toJSON"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/String.html">String</a>}</span>
<b>toJSON</b>()
</div>
<div class="description">
Returns a JSON representation of an instance
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/String.html">String</a>}</span> json</dd>
</dl>
<div class="hr"></div>
<a name="toObject"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{Object}</span>
<b>toObject</b>()
</div>
<div class="description">
Returns an object representation of an instance
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{Object}</span> </dd>
</dl>
<div class="hr"></div>
<a name="toString"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<span class="light">{<a href="../symbols/String.html">String</a>}</span>
<b>toString</b>()
</div>
<div class="description">
Returns a string representation of an instance
</div>
<dl class="detailList nomargin">
<dt class="heading">Returns:</dt>
<dd><span class="light fixedFont">{<a href="../symbols/String.html">String</a>}</span> </dd>
</dl>
<div class="hr"></div>
<a name="transform"></a>
<div class="fixedFont heading">
<span class='lighter'>
</span>
<b>transform</b>(ctx)
</div>
<div class="description">
</div>
<dl class="detailList params">
<dt class="heading">Parameters:</dt>
<dt>
<span class="light fixedFont">{CanvasRenderingContext2D}</span> <b>ctx</b>
</dt>
<dd>Context</dd>
</dl>
</div>
</div>
<!--
#### EVENT DETAILS
-->
</div>
</div>
<script type="text/javascript">
wbos.CssTools.MediaQueryFallBack.LoadCss('../css/screen.css', '../css/handheld.css', 660)
</script>
</body>
</html>