Function.html

---
layout: doc
title: Fabric.js API Reference - Function
---

<style>
	/* default.css */
#bd-wrapper {
  font: 13px "Open Sans", Arial, Helvetica, sans-serif;
}

.header {
  clear: both;
  background-color: #ccc;
  padding: 8px;
}

h1 {
  font-size: 150%;
  font-weight: bold;
  padding: 0;
  margin: 1em 0 0 .3em;
}

hr {
  border: none 0;
  border-top: 1px solid #7F8FB1;
  height: 1px;
}

pre.code {
  display: block;
  padding: 8px;
  border: 1px dashed #ccc;
}

#index {
  margin-top: 24px;
  float: left;
  width: 260px;
  position: absolute;
  left: 8px;
  background-color: #F3F3F3;
  padding: 8px;
}

#content {
  margin-left: 290px;
  width: 770px;
}

.classList {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 8px;
  font-size: 1em;
  overflow: auto;
}

.classList li {
  paddinging: 0;
  margin: 0 0 8px 0;
}

.summaryTable {
  width: 100%;
}

h1.classTitle {
  font-size:170%;
  line-height:130%;
}

h2 { font-size: 110%; }

caption, div.sectionTitle {
  background: #cecece; /* Old browsers */
  background: -moz-linear-gradient(top,  #cecece 0%, #8c8c8c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(100%,#8c8c8c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #cecece 0%,#8c8c8c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #cecece 0%,#8c8c8c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #cecece 0%,#8c8c8c 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #cecece 0%,#8c8c8c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#8c8c8c',GradientType=0 ); /* IE6-9 */

  color: #fff;
  font-size:130%;
  text-align: left;
  padding: 2px 6px 2px 6px;
}

div.sectionTitle {
  margin-bottom: 8px;
}

.summaryTable thead {
  display: none;
}

.summaryTable td {
  vertical-align: top;
  padding: 4px;
  border-bottom: 1px #C0C8D8 solid;
  border-right: 1px #C0C8D8 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes {
  border-left: 1px #C0C8D8 solid;
  width: 140px;
  text-align: right;
}

td.attributes, .fixedFont {
  line-height: 15px;
  color: #002EBE;
  font-family: "Courier New",Courier,monospace;
  font-size: 13px;
}

.summaryTable td.nameDescription {
  text-align: left;
  font-size: 13px;
  line-height: 15px;
}

.summaryTable td.nameDescription, .description {
  line-height: 15px;
  padding: 4px;
  padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList {
  list-style: square;
  margin-left: 20px;
  padding-left: 0;
}

.detailList {
  margin-left: 20px;
  line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading {
  font-weight: bold;
  padding-bottom: 6px;
  margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited {
  color: #777;
  font-style: italic;
}

.fineprint {
  text-align: right;
  font-size: 10px;
}

.inheritsList dd {
  margin-left: 0;
  margin-top: 3px;
  margin-bottom: 8px;
}
</style>

<!-- ============================== header ================================= -->	
<!-- begin static/header.html -->
<div id="header">
</div>
<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->
<div id="index">
	<!-- begin publish.classesIndex -->
	<div align="center"><a href="../index.html">Class Index</a>
| <a href="../files.html">File Index</a></div>


<script>
(function() {
  var cx = '001658083293066718026:dbxamnxeuku';
  var gcse = document.createElement('script'); gcse.type = 'text/javascript';
  gcse.async = true;
  gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
      '//www.google.com/cse/cse.js?cx=' + cx;
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>

<hr>
<h2>Classes</h2>
<ul class="classList">
	
	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
	
	<li><a href="../symbols/Array.html">Array</a></li>
	
	<li><a href="../symbols/fabric.html">fabric</a></li>
	
	<li><a href="../symbols/fabric.BaseBrush.html">fabric.BaseBrush</a></li>
	
	<li><a href="../symbols/fabric.Canvas.html">fabric.Canvas</a></li>
	
	<li><a href="../symbols/fabric.Circle.html">fabric.Circle</a></li>
	
	<li><a href="../symbols/fabric.CircleBrush.html">fabric.CircleBrush</a></li>
	
	<li><a href="../symbols/fabric.Collection.html">fabric.Collection</a></li>
	
	<li><a href="../symbols/fabric.Color.html">fabric.Color</a></li>
	
	<li><a href="../symbols/fabric.Element.html">fabric.Element</a></li>
	
	<li><a href="../symbols/fabric.Ellipse.html">fabric.Ellipse</a></li>
	
	<li><a href="../symbols/fabric.Gradient.html">fabric.Gradient</a></li>
	
	<li><a href="../symbols/fabric.Group.html">fabric.Group</a></li>
	
	<li><a href="../symbols/fabric.Image.html">fabric.Image</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.html">fabric.Image.filters</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.Brightness.html">fabric.Image.filters.Brightness</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.Convolute.html">fabric.Image.filters.Convolute</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.GradientTransparency.html">fabric.Image.filters.GradientTransparency</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.Grayscale.html">fabric.Image.filters.Grayscale</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.Invert.html">fabric.Image.filters.Invert</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.Noise.html">fabric.Image.filters.Noise</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.Pixelate.html">fabric.Image.filters.Pixelate</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.RemoveWhite.html">fabric.Image.filters.RemoveWhite</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.Sepia.html">fabric.Image.filters.Sepia</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.Sepia2.html">fabric.Image.filters.Sepia2</a></li>
	
	<li><a href="../symbols/fabric.Image.filters.Tint.html">fabric.Image.filters.Tint</a></li>
	
	<li><a href="../symbols/fabric.Intersection.html">fabric.Intersection</a></li>
	
	<li><a href="../symbols/fabric.Line.html">fabric.Line</a></li>
	
	<li><a href="../symbols/fabric.Object.html">fabric.Object</a></li>
	
	<li><a href="../symbols/fabric.Observable.html">fabric.Observable</a></li>
	
	<li><a href="../symbols/fabric.Path.html">fabric.Path</a></li>
	
	<li><a href="../symbols/fabric.PathGroup.html">fabric.PathGroup</a></li>
	
	<li><a href="../symbols/fabric.Pattern.html">fabric.Pattern</a></li>
	
	<li><a href="../symbols/fabric.PatternBrush.html">fabric.PatternBrush</a></li>
	
	<li><a href="../symbols/fabric.PencilBrush.html">fabric.PencilBrush</a></li>
	
	<li><a href="../symbols/fabric.Point.html">fabric.Point</a></li>
	
	<li><a href="../symbols/fabric.Polygon.html">fabric.Polygon</a></li>
	
	<li><a href="../symbols/fabric.Polyline.html">fabric.Polyline</a></li>
	
	<li><a href="../symbols/fabric.Rect.html">fabric.Rect</a></li>
	
	<li><a href="../symbols/fabric.Shadow.html">fabric.Shadow</a></li>
	
	<li><a href="../symbols/fabric.SprayBrush.html">fabric.SprayBrush</a></li>
	
	<li><a href="../symbols/fabric.StaticCanvas.html">fabric.StaticCanvas</a></li>
	
	<li><a href="../symbols/fabric.Text.html">fabric.Text</a></li>
	
	<li><a href="../symbols/fabric.Triangle.html">fabric.Triangle</a></li>
	
	<li><a href="../symbols/fabric.util.html">fabric.util</a></li>
	
	<li><a href="../symbols/fabric.util.array.html">fabric.util.array</a></li>
	
	<li><a href="../symbols/fabric.util.ease.html">fabric.util.ease</a></li>
	
	<li><a href="../symbols/fabric.util.object.html">fabric.util.object</a></li>
	
	<li><a href="../symbols/fabric.util.string.html">fabric.util.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 id="content">
<!-- ============================== class title ============================ -->
	<h1 class="classTitle">
		
		Built-In Namespace Function
	</h1>

<!-- ============================== class summary ========================== -->			
	<p class="description">
		
		
	
		
		
		
	</p>

<!-- ============================== constructor summary ==================== -->			
	

<!-- ============================== properties summary ===================== -->
	

<!-- ============================== methods summary ======================== -->
	
		
		
		<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class Function.">
			<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/Function.html#bind">bind</a></b>(thisArg)
						</div>
						<div class="description">Cross-browser approximation of ES5 Function.prototype.bind (not fully spec conforming)</div>
					</td>
				</tr>
			
			</tbody>
		</table>
		
		
		
	
<!-- ============================== events summary ======================== -->
	

<!-- ============================== constructor details ==================== -->		
	

<!-- ============================== field details ========================== -->		
	

<!-- ============================== method details ========================= -->		
	
		<div class="sectionTitle">
			Method Detail
		</div>
		
			<a name="bind"> </a>
			<div class="fixedFont">
			
			<span class="light">{<a href="../symbols/Function.html">Function</a>}</span>
			<b>bind</b>(thisArg)
			
			</div>
			<div class="description">
				Cross-browser approximation of ES5 Function.prototype.bind (not fully spec conforming)
				
					<br />
					<i>Defined in: </i> <a href="../symbols/src/lib_fabric.js.html">fabric.js</a>.
				
				
			</div>
			
			
			
				
					<dl class="detailList">
					<dt class="heading">Parameters:</dt>
					
						<dt>
							<span class="light fixedFont">{Object}</span> <b>thisArg</b>
							
						</dt>
						<dd>Object to bind function to</dd>
					
						<dt>
							<span class="light fixedFont">{Any[]}</span> <b>...</b>
							<i>Optional</i>
						</dt>
						<dd>Values to pass to a bound function</dd>
					
					</dl>
				
				
				
				
				
					<dl class="detailList">
					<dt class="heading">Returns:</dt>
					
						<dd><span class="light fixedFont">{<a href="../symbols/Function.html">Function</a>}</span> </dd>
					
					</dl>
				
				
				
					<dl class="detailList">
					<dt class="heading">See:</dt>
					
						<dd><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind">Function#bind on MDN</a></dd>
					
					</dl>
				

			
		
	
	
<!-- ============================== event details ========================= -->		
	
	
	<hr>
</div>

		
<!-- ============================== footer ================================= -->
<div class="fineprint" style="clear:both">
	
	Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Wed Mar 20 2013 23:37:24 GMT+0100 (CET)
</div>