<divid="content"class="max-width"><articleid="Element"class="Element-section"><header><h2id="Element"class="undefined">Element<ahref="#Element"title="Link to this section"class="dr-hash">⚓</a></h2></header>
<section><divclass="extra"id="Element-extra"></div></section></article><articleid="Element.add"class="Element-add-section"><header><h3id="Element.add"class="dr-method">Element.add()<ahref="#Element.add"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1557 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1557">➭</a></h3></header>
</div></section></article><articleid="Element.after"class="Element-after-section"><header><h3id="Element.after"class="dr-method">Element.after(el)<ahref="#Element.after"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1610 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1610">➭</a></h3></header>
</div></section></article><articleid="Element.animate"class="Element-animate-section"><header><h3id="Element.animate"class="dr-method">Element.animate(attrs, ms, [easing], [callback])<ahref="#Element.animate"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2026 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2026">➭</a></h3></header>
</div></section></article><articleid="Element.append"class="Element-append-section"><header><h3id="Element.append"class="dr-method">Element.append(el)<ahref="#Element.append"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1551 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1551">➭</a></h3></header>
</div></section></article><articleid="Element.asPX"class="Element-asPX-section"><header><h3id="Element.asPX"class="dr-method">Element.asPX(attr, [value])<ahref="#Element.asPX"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1698 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1698">➭</a></h3></header>
<section><divclass="extra"id="Element.asPX-extra"></div><divclass="dr-method"><p>Return given attribute of the element as a <code>px</code> value. (Not %, em, etc)
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-Element">Element</em><spanclass="dr-description">result of query selection</span></p>
</div></section></article><articleid="Element.attr"class="Element-attr-section"><header><h3id="Element.attr"class="dr-method">Element.attr(…)<ahref="#Element.attr"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1402 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1402">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">value of attribute</span></p>
</div></section></article><articleid="Element.before"class="Element-before-section"><header><h3id="Element.before"class="dr-method">Element.before(el)<ahref="#Element.before"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1594 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1594">➭</a></h3></header>
</div></section></article><articleid="Element.click"class="Element-click-section"><header><h3id="Element.click"class="dr-method">Element.click(handler)<ahref="#Element.click"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 154 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L154">➭</a></h3></header>
</div></section></article><articleid="Element.clone"class="Element-clone-section"><header><h3id="Element.clone"class="dr-method">Element.clone()<ahref="#Element.clone"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1740 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1740">➭</a></h3></header>
</div></section></article><articleid="Element.data"class="Element-data-section"><header><h3id="Element.data"class="dr-method">Element.data(key, [value])<ahref="#Element.data"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2097 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2097">➭</a></h3></header>
</div></section></article><articleid="Element.dblclick"class="Element-dblclick-section"><header><h3id="Element.dblclick"class="dr-method">Element.dblclick(handler)<ahref="#Element.dblclick"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 171 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L171">➭</a></h3></header>
</div></section></article><articleid="Element.drag"class="Element-drag-section"><header><h3id="Element.drag"class="dr-method">Element.drag(onmove, onstart, onend, [mcontext], [scontext], [econtext])<ahref="#Element.drag"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 414 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L414">➭</a></h3></header>
<p>Additionaly following <code>drag</code> events will be triggered: <code>drag.start.<id></code> on start,
<code>drag.end.<id></code> on end and <code>drag.move.<id></code> on every move. When element will be dragged over another element
<code>drag.over.<id></code> will be fired as well.
</p>
<p>Start event and start handler will be called in specified context or in context of the element with following parameters:
</p>
<olclass="dr-json"><li><spanclass="dr-json-key">x</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x position of the mouse</span>
<li><spanclass="dr-json-key">y</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y position of the mouse</span>
<p>Move event and move handler will be called in specified context or in context of the element with following parameters:
</p>
<olclass="dr-json"><li><spanclass="dr-json-key">dx</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">shift by x from the start point</span>
<li><spanclass="dr-json-key">dy</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">shift by y from the start point</span>
<li><spanclass="dr-json-key">x</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x position of the mouse</span>
<li><spanclass="dr-json-key">y</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y position of the mouse</span>
</div></section></article><articleid="Element.getBBox"class="Element-getBBox-section"><header><h3id="Element.getBBox"class="dr-method">Element.getBBox()<ahref="#Element.getBBox"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1449 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1449">➭</a></h3></header>
<olclass="dr-json"><li>{<olclass="dr-json"><li><spanclass="dr-json-key">cx:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x of the center,</span>
<li><spanclass="dr-json-key">cy:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x of the center,</span>
<li><spanclass="dr-json-key">path:</span><spanclass="dr-type"><emclass="dr-type-string">string</em></span><spanclass="dr-json-description">path command for the box,</span>
<li><spanclass="dr-json-key">r0:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">radius of the circle that will enclose the box,</span>
<li><spanclass="dr-json-key">r1:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">radius of the smallest circle that can be enclosed,</span>
<li><spanclass="dr-json-key">r2:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">radius of the biggest circle that can be enclosed,</span>
<li><spanclass="dr-json-key">vb:</span><spanclass="dr-type"><emclass="dr-type-string">string</em></span><spanclass="dr-json-description">box as a viewbox command,</span>
<li><spanclass="dr-json-key">x2:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x of the right side,</span>
<li><spanclass="dr-json-key">x:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x of the left side,</span>
<li><spanclass="dr-json-key">y2:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y of the right side,</span>
<li><spanclass="dr-json-key">y:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y of the left side</span>
</div></section></article><articleid="Element.getPointAtLength"class="Element-getPointAtLength-section"><header><h3id="Element.getPointAtLength"class="dr-method">Element.getPointAtLength(length)<ahref="#Element.getPointAtLength"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1118 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1118">➭</a></h3></header>
<section><divclass="extra"id="Element.getPointAtLength-extra"></div><divclass="dr-method"><p>Return coordinates of the point located at the given length on the given path. Only works for element of “path” type.
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">representation of the point:</span></p>
<li><spanclass="dr-json-key">alpha:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">angle of derivative</span>
</div></section></article><articleid="Element.getSubpath"class="Element-getSubpath-section"><header><h3id="Element.getSubpath"class="dr-method">Element.getSubpath(from, to)<ahref="#Element.getSubpath"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1132 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1132">➭</a></h3></header>
<section><divclass="extra"id="Element.getSubpath-extra"></div><divclass="dr-method"><p>Return subpath of a given element from given length to given length. Only works for element of “path” type.
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">pathstring for the segment</span></p>
</div></section></article><articleid="Element.getTotalLength"class="Element-getTotalLength-section"><header><h3id="Element.getTotalLength"class="dr-method">Element.getTotalLength()<ahref="#Element.getTotalLength"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1098 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1098">➭</a></h3></header>
<section><divclass="extra"id="Element.getTotalLength-extra"></div><divclass="dr-method"><p>Returns length of the path in pixels. Only works for element of “path” type.
</div></section></article><articleid="Element.hover"class="Element-hover-section"><header><h3id="Element.hover"class="dr-method">Element.hover(f_in, f_out, [icontext], [ocontext])<ahref="#Element.hover"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 369 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L369">➭</a></h3></header>
</div></section></article><articleid="Element.inAnim"class="Element-inAnim-section"><header><h3id="Element.inAnim"class="dr-method">Element.inAnim()<ahref="#Element.inAnim"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1948 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1948">➭</a></h3></header>
<li><spanclass="dr-json-key">curStatus</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">0..1 — status of the animation: 0 — just started, 1 — just finished,</span>
<li><spanclass="dr-json-key">status</span><spanclass="dr-type"><emclass="dr-type-function">function</em></span><spanclass="dr-json-description">gets or sets the status of the animation,</span>
<li><spanclass="dr-json-key">stop</span><spanclass="dr-type"><emclass="dr-type-function">function</em></span><spanclass="dr-json-description">stops the animation</span>
</div></section></article><articleid="Element.innerSVG"class="Element-innerSVG-section"><header><h3id="Element.innerSVG"class="dr-method">Element.innerSVG()<ahref="#Element.innerSVG"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2145 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2145">➭</a></h3></header>
<section><divclass="extra"id="Element.innerSVG-extra"></div><divclass="dr-method"><p>Returns SVG code of the element. Equivalent to <code>innerHTML</code> in HTML context.
</p>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">SVG code of the element.</span></p>
</div></section></article><articleid="Element.insertAfter"class="Element-insertAfter-section"><header><h3id="Element.insertAfter"class="dr-method">Element.insertAfter(el)<ahref="#Element.insertAfter"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1640 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1640">➭</a></h3></header>
</div></section></article><articleid="Element.insertBefore"class="Element-insertBefore-section"><header><h3id="Element.insertBefore"class="dr-method">Element.insertBefore(el)<ahref="#Element.insertBefore"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1625 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1625">➭</a></h3></header>
</div></section></article><articleid="Element.marker"class="Element-marker-section"><header><h3id="Element.marker"class="dr-method">Element.marker(x, y, width, height, refX, refY)<ahref="#Element.marker"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1873 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1873">➭</a></h3></header>
<section><divclass="extra"id="Element.marker-extra"></div><divclass="dr-method"><p>Creates <code><marker></code> element from the current element.
To create a marker you have to specify the bounding rect and reference point:
</div></section></article><articleid="Element.mousedown"class="Element-mousedown-section"><header><h3id="Element.mousedown"class="dr-method">Element.mousedown(handler)<ahref="#Element.mousedown"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 188 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L188">➭</a></h3></header>
</div></section></article><articleid="Element.mousemove"class="Element-mousemove-section"><header><h3id="Element.mousemove"class="dr-method">Element.mousemove(handler)<ahref="#Element.mousemove"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 205 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L205">➭</a></h3></header>
</div></section></article><articleid="Element.mouseout"class="Element-mouseout-section"><header><h3id="Element.mouseout"class="dr-method">Element.mouseout(handler)<ahref="#Element.mouseout"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 222 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L222">➭</a></h3></header>
</div></section></article><articleid="Element.mouseover"class="Element-mouseover-section"><header><h3id="Element.mouseover"class="dr-method">Element.mouseover(handler)<ahref="#Element.mouseover"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 239 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L239">➭</a></h3></header>
</div></section></article><articleid="Element.mouseup"class="Element-mouseup-section"><header><h3id="Element.mouseup"class="dr-method">Element.mouseup(handler)<ahref="#Element.mouseup"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 256 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L256">➭</a></h3></header>
</div></section></article><articleid="Element.onDragOver"class="Element-onDragOver-section"><header><h3id="Element.onDragOver"class="dr-method">Element.onDragOver(f)<ahref="#Element.onDragOver"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 451 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L451">➭</a></h3></header>
<section><divclass="extra"id="Element.onDragOver-extra"></div><divclass="dr-method"><p>Shortcut for assigning event handler for <code>drag.over.<id></code> event, where id is id of the element (see <ahref="#Element.id"class="dr-link">Element.id</a>).
</div></section></article><articleid="Element.parent"class="Element-parent-section"><header><h3id="Element.parent"class="dr-method">Element.parent()<ahref="#Element.parent"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1539 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1539">➭</a></h3></header>
</div></section></article><articleid="Element.pattern"class="Element-pattern-section"><header><h3id="Element.pattern"class="dr-method">Element.pattern(x, y, width, height)<ahref="#Element.pattern"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1834 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1834">➭</a></h3></header>
<section><divclass="extra"id="Element.pattern-extra"></div><divclass="dr-method"><p>Creates <code><pattern></code> element from the current element.
To create a pattern you have to specify the pattern rect:
<sectionclass="code"><preclass="javascript code"><codedata-language="javascript"class="language-javascript">var p = paper.path("M10-5-10,15M15,0,0,15M0-5-20,15").attr({
</div></section></article><articleid="Element.prepend"class="Element-prepend-section"><header><h3id="Element.prepend"class="dr-method">Element.prepend(el)<ahref="#Element.prepend"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1579 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1579">➭</a></h3></header>
</div></section></article><articleid="Element.remove"class="Element-remove-section"><header><h3id="Element.remove"class="dr-method">Element.remove()<ahref="#Element.remove"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1653 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1653">➭</a></h3></header>
</div></section></article><articleid="Element.removeData"class="Element-removeData-section"><header><h3id="Element.removeData"class="dr-method">Element.removeData([key])<ahref="#Element.removeData"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2122 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2122">➭</a></h3></header>
</div></section></article><articleid="Element.select"class="Element-select-section"><header><h3id="Element.select"class="dr-method">Element.select(query)<ahref="#Element.select"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1668 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1668">➭</a></h3></header>
<section><divclass="extra"id="Element.select-extra"></div><divclass="dr-method"><p>Applies CSS selector with the element as a parent and returns the result as an <ahref="#Element"class="dr-link">Element</a>.
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-Element">Element</em><spanclass="dr-description">result of query selection</span></p>
</div></section></article><articleid="Element.selectAll"class="Element-selectAll-section"><header><h3id="Element.selectAll"class="dr-method">Element.selectAll(query)<ahref="#Element.selectAll"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1680 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1680">➭</a></h3></header>
<section><divclass="extra"id="Element.selectAll-extra"></div><divclass="dr-method"><p>Applies CSS selector with the element as a parent and returns the result as a set or array of elements.
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-Set">Set</em><emclass="dr-type-array">array</em><spanclass="dr-description">result of query selection</span></p>
</div></section></article><articleid="Element.stop"class="Element-stop-section"><header><h3id="Element.stop"class="dr-method">Element.stop()<ahref="#Element.stop"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2007 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2007">➭</a></h3></header>
</div></section></article><articleid="Element.toString"class="Element-toString-section"><header><h3id="Element.toString"class="dr-method">Element.toString()<ahref="#Element.toString"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2810 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2810">➭</a></h3></header>
<section><divclass="extra"id="Element.toString-extra"></div><divclass="dr-method"><p>Returns SVG code of the element. Equivalent to <code>outerHTML</code> in HTML context.
</p>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">SVG code of the element.</span></p>
</div><divclass="dr-method"><p>Returns SVG code of the <ahref="#Paper"class="dr-link">Paper</a>.
</p>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">SVG code of the <ahref="#Paper"class="dr-link">Paper</a>.</span></p>
</div></section></article><articleid="Element.touchcancel"class="Element-touchcancel-section"><header><h3id="Element.touchcancel"class="dr-method">Element.touchcancel(handler)<ahref="#Element.touchcancel"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 324 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L324">➭</a></h3></header>
</div></section></article><articleid="Element.touchend"class="Element-touchend-section"><header><h3id="Element.touchend"class="dr-method">Element.touchend(handler)<ahref="#Element.touchend"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 307 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L307">➭</a></h3></header>
</div></section></article><articleid="Element.touchmove"class="Element-touchmove-section"><header><h3id="Element.touchmove"class="dr-method">Element.touchmove(handler)<ahref="#Element.touchmove"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 290 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L290">➭</a></h3></header>
</div></section></article><articleid="Element.touchstart"class="Element-touchstart-section"><header><h3id="Element.touchstart"class="dr-method">Element.touchstart(handler)<ahref="#Element.touchstart"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 273 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L273">➭</a></h3></header>
</div></section></article><articleid="Element.transform"class="Element-transform-section"><header><h3id="Element.transform"class="dr-method">Element.transform(tstr)<ahref="#Element.transform"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1497 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1497">➭</a></h3></header>
<li><spanclass="dr-json-key">globalMatrix</span><spanclass="dr-type"><emclass="dr-type-Matrix">Matrix</em></span><spanclass="dr-json-description">matrix of all transformations applied to element or its parents,</span>
<li><spanclass="dr-json-key">localMatrix</span><spanclass="dr-type"><emclass="dr-type-Matrix">Matrix</em></span><spanclass="dr-json-description">matrix of transformations applied only to the element,</span>
<li><spanclass="dr-json-key">diffMatrix</span><spanclass="dr-type"><emclass="dr-type-Matrix">Matrix</em></span><spanclass="dr-json-description">matrix of difference between global and local transformations,</span>
<li><spanclass="dr-json-key">global</span><spanclass="dr-type"><emclass="dr-type-string">string</em></span><spanclass="dr-json-description">global transformation as string,</span>
<li><spanclass="dr-json-key">local</span><spanclass="dr-type"><emclass="dr-type-string">string</em></span><spanclass="dr-json-description">local transformation as string,</span>
</div></section></article><articleid="Element.unclick"class="Element-unclick-section"><header><h3id="Element.unclick"class="dr-method">Element.unclick(handler)<ahref="#Element.unclick"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 162 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L162">➭</a></h3></header>
</div></section></article><articleid="Element.undblclick"class="Element-undblclick-section"><header><h3id="Element.undblclick"class="dr-method">Element.undblclick(handler)<ahref="#Element.undblclick"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 179 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L179">➭</a></h3></header>
</div></section></article><articleid="Element.undrag"class="Element-undrag-section"><header><h3id="Element.undrag"class="dr-method">Element.undrag()<ahref="#Element.undrag"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 460 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L460">➭</a></h3></header>
</div></section></article><articleid="Element.unhover"class="Element-unhover-section"><header><h3id="Element.unhover"class="dr-method">Element.unhover(f_in, f_out)<ahref="#Element.unhover"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 381 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L381">➭</a></h3></header>
</div></section></article><articleid="Element.unmousedown"class="Element-unmousedown-section"><header><h3id="Element.unmousedown"class="dr-method">Element.unmousedown(handler)<ahref="#Element.unmousedown"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 196 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L196">➭</a></h3></header>
</div></section></article><articleid="Element.unmousemove"class="Element-unmousemove-section"><header><h3id="Element.unmousemove"class="dr-method">Element.unmousemove(handler)<ahref="#Element.unmousemove"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 213 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L213">➭</a></h3></header>
</div></section></article><articleid="Element.unmouseout"class="Element-unmouseout-section"><header><h3id="Element.unmouseout"class="dr-method">Element.unmouseout(handler)<ahref="#Element.unmouseout"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 230 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L230">➭</a></h3></header>
</div></section></article><articleid="Element.unmouseover"class="Element-unmouseover-section"><header><h3id="Element.unmouseover"class="dr-method">Element.unmouseover(handler)<ahref="#Element.unmouseover"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 247 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L247">➭</a></h3></header>
</div></section></article><articleid="Element.unmouseup"class="Element-unmouseup-section"><header><h3id="Element.unmouseup"class="dr-method">Element.unmouseup(handler)<ahref="#Element.unmouseup"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 264 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L264">➭</a></h3></header>
</div></section></article><articleid="Element.untouchcancel"class="Element-untouchcancel-section"><header><h3id="Element.untouchcancel"class="dr-method">Element.untouchcancel(handler)<ahref="#Element.untouchcancel"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 332 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L332">➭</a></h3></header>
</div></section></article><articleid="Element.untouchend"class="Element-untouchend-section"><header><h3id="Element.untouchend"class="dr-method">Element.untouchend(handler)<ahref="#Element.untouchend"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 315 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L315">➭</a></h3></header>
</div></section></article><articleid="Element.untouchmove"class="Element-untouchmove-section"><header><h3id="Element.untouchmove"class="dr-method">Element.untouchmove(handler)<ahref="#Element.untouchmove"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 298 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L298">➭</a></h3></header>
</div></section></article><articleid="Element.untouchstart"class="Element-untouchstart-section"><header><h3id="Element.untouchstart"class="dr-method">Element.untouchstart(handler)<ahref="#Element.untouchstart"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 281 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mouse.js#L281">➭</a></h3></header>
</div></section></article><articleid="Element.use"class="Element-use-section"><header><h3id="Element.use"class="dr-method">Element.use()<ahref="#Element.use"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1712 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1712">➭</a></h3></header>
<section><divclass="extra"id="Element.use-extra"></div><divclass="dr-method"><p>Creates <code><use></code> element linked to the current element.
</div></section></article><articleid="Fragment"class="Fragment-section"><header><h2id="Fragment"class="undefined">Fragment<ahref="#Fragment"title="Link to this section"class="dr-hash">⚓</a></h2></header>
<section><divclass="extra"id="Fragment-extra"></div></section></article><articleid="Fragment.select"class="Fragment-select-section"><header><h3id="Fragment.select"class="dr-method">Fragment.select()<ahref="#Fragment.select"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2214 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2214">➭</a></h3></header>
</div></section></article><articleid="Fragment.selectAll"class="Fragment-selectAll-section"><header><h3id="Fragment.selectAll"class="dr-method">Fragment.selectAll()<ahref="#Fragment.selectAll"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2221 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2221">➭</a></h3></header>
</div></section></article><articleid="Matrix"class="Matrix-section"><header><h2id="Matrix"class="undefined">Matrix<ahref="#Matrix"title="Link to this section"class="dr-hash">⚓</a></h2></header>
<section><divclass="extra"id="Matrix-extra"></div></section></article><articleid="Matrix.add"class="Matrix-add-section"><header><h3id="Matrix.add"class="dr-method">Matrix.add(a, b, c, d, e, f, matrix)<ahref="#Matrix.add"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 360 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L360">➭</a></h3></header>
</div></section></article><articleid="Matrix.clone"class="Matrix-clone-section"><header><h3id="Matrix.clone"class="dr-method">Matrix.clone()<ahref="#Matrix.clone"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 406 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L406">➭</a></h3></header>
</div></section></article><articleid="Matrix.invert"class="Matrix-invert-section"><header><h3id="Matrix.invert"class="dr-method">Matrix.invert()<ahref="#Matrix.invert"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 394 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L394">➭</a></h3></header>
</div></section></article><articleid="Matrix.rotate"class="Matrix-rotate-section"><header><h3id="Matrix.rotate"class="dr-method">Matrix.rotate(a, x, y)<ahref="#Matrix.rotate"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 446 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L446">➭</a></h3></header>
</div></section></article><articleid="Matrix.scale"class="Matrix-scale-section"><header><h3id="Matrix.scale"class="dr-method">Matrix.scale(x, [y], [cx], [cy])<ahref="#Matrix.scale"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 430 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L430">➭</a></h3></header>
</div></section></article><articleid="Matrix.split"class="Matrix-split-section"><header><h3id="Matrix.split"class="dr-method">Matrix.split()<ahref="#Matrix.split"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 510 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L510">➭</a></h3></header>
<olclass="dr-json"><li><spanclass="dr-json-key">dx</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">translation by x</span>
<li><spanclass="dr-json-key">dy</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">translation by y</span>
<li><spanclass="dr-json-key">scalex</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">scale by x</span>
<li><spanclass="dr-json-key">scaley</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">scale by y</span>
<li><spanclass="dr-json-key">rotate</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">rotation in deg</span>
<li><spanclass="dr-json-key">isSimple</span><spanclass="dr-type"><emclass="dr-type-boolean">boolean</em></span><spanclass="dr-json-description">could it be represented via simple transformations</span>
</div></section></article><articleid="Matrix.toTransformString"class="Matrix-toTransformString-section"><header><h3id="Matrix.toTransformString"class="dr-method">Matrix.toTransformString()<ahref="#Matrix.toTransformString"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 552 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L552">➭</a></h3></header>
</div></section></article><articleid="Matrix.translate"class="Matrix-translate-section"><header><h3id="Matrix.translate"class="dr-method">Matrix.translate(x, y)<ahref="#Matrix.translate"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 417 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L417">➭</a></h3></header>
</div></section></article><articleid="Matrix.x"class="Matrix-x-section"><header><h3id="Matrix.x"class="dr-method">Matrix.x(x, y)<ahref="#Matrix.x"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 464 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L464">➭</a></h3></header>
<section><divclass="extra"id="Matrix.x-extra"></div><divclass="dr-method"><p>Return x coordinate for given point after transformation described by the matrix. See also <ahref="#Matrix.y"class="dr-link">Matrix.y</a>
</div></section></article><articleid="Matrix.y"class="Matrix-y-section"><header><h3id="Matrix.y"class="dr-method">Matrix.y(x, y)<ahref="#Matrix.y"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 476 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L476">➭</a></h3></header>
<section><divclass="extra"id="Matrix.y-extra"></div><divclass="dr-method"><p>Return y coordinate for given point after transformation described by the matrix. See also <ahref="#Matrix.x"class="dr-link">Matrix.x</a>
</div></section></article><articleid="Paper"class="Paper-section"><header><h2id="Paper"class="undefined">Paper<ahref="#Paper"title="Link to this section"class="dr-hash">⚓</a></h2></header>
<section><divclass="extra"id="Paper-extra"></div></section></article><articleid="Paper.circle"class="Paper-circle-section"><header><h3id="Paper.circle"class="dr-method">Paper.circle(x, y, r)<ahref="#Paper.circle"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2383 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2383">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Element object with type “circle”</span></p>
</div></section></article><articleid="Paper.el"class="Paper-el-section"><header><h3id="Paper.el"class="dr-method">Paper.el(name, attr)<ahref="#Paper.el"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2323 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2323">➭</a></h3></header>
<h3>Usage</h3><sectionclass="code"><preclass="javascript code"><codedata-language="javascript"class="language-javascript">var c = paper.circle(10, 10, 10); // is the same as...
</div></section></article><articleid="Paper.ellipse"class="Paper-ellipse-section"><header><h3id="Paper.ellipse"class="dr-method">Paper.ellipse(x, y, rx, ry)<ahref="#Paper.ellipse"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2471 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2471">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Element object with type “ellipse”</span></p>
</div></section></article><articleid="Paper.filter"class="Paper-filter-section"><header><h3id="Paper.filter"class="dr-method">Paper.filter(filstr)<ahref="#Paper.filter"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 36 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L36">➭</a></h3></header>
</div></section></article><articleid="Paper.g"class="Paper-g-section"><header><h3id="Paper.g"class="dr-method">Paper.g([varargs])<ahref="#Paper.g"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2545 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2545">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Element object with type “g”</span></p>
</div></section></article><articleid="Paper.gradient"class="Paper-gradient-section"><header><h3id="Paper.gradient"class="dr-method">Paper.gradient(gradient)<ahref="#Paper.gradient"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2705 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2705">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Element object with type “gradient”</span></p>
</div></section></article><articleid="Paper.group"class="Paper-group-section"><header><h3id="Paper.group"class="dr-method">Paper.group()<ahref="#Paper.group"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2551 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2551">➭</a></h3></header>
</div></section></article><articleid="Paper.image"class="Paper-image-section"><header><h3id="Paper.image"class="dr-method">Paper.image(src, x, y, width, height)<ahref="#Paper.image"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2428 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2428">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Raphaël element object with type “image”</span></p>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Element object with type “image”</span></p>
</div></section></article><articleid="Paper.line"class="Paper-line-section"><header><h3id="Paper.line"class="dr-method">Paper.line(x1, y1, x2, y2)<ahref="#Paper.line"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2607 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2607">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Element object with type “line”</span></p>
</div></section></article><articleid="Paper.path"class="Paper-path-section"><header><h3id="Paper.path"class="dr-method">Paper.path([pathString])<ahref="#Paper.path"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2515 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2515">➭</a></h3></header>
<p>Here we can see two commands: “M”, with arguments <code>(10, 20)</code> and “L” with arguments <code>(30, 40)</code>. Upper case letter mean command is absolute, lower case—relative.
</p>
<p></p>
<p>Here is short list of commands available, for more details see <ahref="http://www.w3.org/TR/SVG/paths.html#PathData"title="Details of a path's data attribute's format are described in the SVG specification.">SVG path string format</a> or <ahref="https://developer.mozilla.org/en/SVG/Tutorial/Paths">article about path strings at MDN</a>.</p>
</div></section></article><articleid="Paper.polygon"class="Paper-polygon-section"><header><h3id="Paper.polygon"class="dr-method">Paper.polygon()<ahref="#Paper.polygon"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2656 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2656">➭</a></h3></header>
<section><divclass="extra"id="Paper.polygon-extra"></div><divclass="dr-method"><p>Draws a polygon. See <ahref="#Paper.polyline"class="dr-link">Paper.polyline</a>
</div></section></article><articleid="Paper.polyline"class="Paper-polyline-section"><header><h3id="Paper.polyline"class="dr-method">Paper.polyline(…)<ahref="#Paper.polyline"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2636 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2636">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Element object with type “text”</span></p>
</div></section></article><articleid="Paper.rect"class="Paper-rect-section"><header><h3id="Paper.rect"class="dr-method">Paper.rect(x, y, width, height, [rx], [ry])<ahref="#Paper.rect"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2346 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2346">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Element object with type “rect”</span></p>
</div></section></article><articleid="Paper.text"class="Paper-text-section"><header><h3id="Paper.text"class="dr-method">Paper.text(x, y, text)<ahref="#Paper.text"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2579 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2579">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Element object with type “text”</span></p>
</div></section></article><articleid="Paper.toString"class="Paper-toString-section"><header><h3id="Paper.toString"class="dr-method">Paper.toString()<ahref="#Paper.toString"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2810 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2810">➭</a></h3></header>
<section><divclass="extra"id="Paper.toString-extra"></div><divclass="dr-method"><p>Returns SVG code of the element. Equivalent to <code>outerHTML</code> in HTML context.
</p>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">SVG code of the element.</span></p>
</div><divclass="dr-method"><p>Returns SVG code of the <ahref="#Paper"class="dr-link">Paper</a>.
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">SVG code of the <ahref="#Paper"class="dr-link">Paper</a>.</span></p>
</div></section></article><articleid="Savage"class="Savage-section"><header><h2id="Savage"class="undefined">Savage<ahref="#Savage"title="Link to this section"class="dr-hash">⚓</a></h2></header>
<section><divclass="extra"id="Savage-extra"></div></section></article><articleid="Savage.Matrix"class="Savage-Matrix-section"><header><h3id="Savage.Matrix"class="dr-method">Savage.Matrix(…)<ahref="#Savage.Matrix"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 583 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L583">➭</a></h3></header>
</div></section></article><articleid="Savage.ajax"class="Savage-ajax-section"><header><h3id="Savage.ajax"class="dr-method">Savage.ajax(…)<ahref="#Savage.ajax"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2842 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2842">➭</a></h3></header>
<spanclass="dr-description">scope of callback</span></li>
</ol></div>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-XMLHttpRequest">XMLHttpRequest</em><spanclass="dr-description">XMLHttpRequest (just in case)</span></p>
</div></section></article><articleid="Savage.animate"class="Savage-animate-section"><header><h3id="Savage.animate"class="dr-method">Savage.animate(from, to, setter, ms, [easing], [callback])<ahref="#Savage.animate"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1989 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1989">➭</a></h3></header>
<section><divclass="extra"id="Savage.animate-extra"></div><divclass="dr-method"><p>Runs generic animation of one number into another with a caring function.
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">animation object in <ahref="#mina"class="dr-link">mina</a> format</span></p>
<olclass="dr-json"><li>{<olclass="dr-json"><li><spanclass="dr-json-key">id</span><spanclass="dr-type"><emclass="dr-type-string">string</em></span><spanclass="dr-json-description">animation id, consider it read-only,</span>
<li><spanclass="dr-json-key">duration</span><spanclass="dr-type"><emclass="dr-type-function">function</em></span><spanclass="dr-json-description">gets or sets the duration of the animation,</span>
<li><spanclass="dr-json-key">speed</span><spanclass="dr-type"><emclass="dr-type-function">function</em></span><spanclass="dr-json-description">gets or sets the speed of the animation,</span>
<li><spanclass="dr-json-key">status</span><spanclass="dr-type"><emclass="dr-type-function">function</em></span><spanclass="dr-json-description">gets or sets the status of the animation,</span>
<li><spanclass="dr-json-key">stop</span><spanclass="dr-type"><emclass="dr-type-function">function</em></span><spanclass="dr-json-description">stops the animation</span>
</div></section></article><articleid="Savage.animation"class="Savage-animation-section"><header><h3id="Savage.animation"class="dr-method">Savage.animation(attr, ms, [easing], [callback])<ahref="#Savage.animation"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1931 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1931">➭</a></h3></header>
</div></section></article><articleid="Savage.color"class="Savage-color-section"><header><h3id="Savage.color"class="dr-method">Savage.color(clr)<ahref="#Savage.color"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 801 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L801">➭</a></h3></header>
<section><divclass="extra"id="Savage.color-extra"></div><divclass="dr-method"><p>Parses the color string and returns object with all values for the given color.
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Combined RGB & HSB object in format:</span></p>
<li><spanclass="dr-json-key">hex</span><spanclass="dr-type"><emclass="dr-type-string">string</em></span><spanclass="dr-json-description">color in HTML/CSS format: #••••••,</span>
<li><spanclass="dr-json-key">error</span><spanclass="dr-type"><emclass="dr-type-boolean">boolean</em></span><spanclass="dr-json-description"><code>true</code> if string cant be parsed,</span>
</div></section></article><articleid="Savage.deg"class="Savage-deg-section"><header><h3id="Savage.deg"class="dr-method">Savage.deg(deg)<ahref="#Savage.deg"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 277 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L277">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-number">number</em><spanclass="dr-description">angle in degrees.</span></p>
</div></section></article><articleid="Savage.filter"class="Savage-filter-section"><header><h3id="Savage.filter"class="undefined">Savage.filter<ahref="#Savage.filter"title="Link to this section"class="dr-hash">⚓</a></h3></header>
<section><divclass="extra"id="Savage.filter-extra"></div></section></article><articleid="Savage.filter.blur"class="Savage-filter-blur-section"><header><h4id="Savage.filter.blur"class="dr-method">Savage.filter.blur(x, [y])<ahref="#Savage.filter.blur"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 96 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L96">➭</a></h4></header>
<section><divclass="extra"id="Savage.filter.blur-extra"></div><divclass="dr-method"><p>Returns string of the blur filter.
<h3>Usage</h3><sectionclass="code"><preclass="javascript code"><codedata-language="javascript"class="language-javascript">var f = paper.filter(Savage.filter.blur(5, 10)),
c = paper.circle(10, 10, 10).attr({
filter: f
});
</code></pre></section>
</div></section></article><articleid="Savage.filter.brightness"class="Savage-filter-brightness-section"><header><h4id="Savage.filter.brightness"class="dr-method">Savage.filter.brightness(amount)<ahref="#Savage.filter.brightness"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 270 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L270">➭</a></h4></header>
<section><divclass="extra"id="Savage.filter.brightness-extra"></div><divclass="dr-method"><p>Returns string of the brightness filter.
</div></section></article><articleid="Savage.filter.contrast"class="Savage-filter-contrast-section"><header><h4id="Savage.filter.contrast"class="dr-method">Savage.filter.contrast(amount)<ahref="#Savage.filter.contrast"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 290 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L290">➭</a></h4></header>
<section><divclass="extra"id="Savage.filter.contrast-extra"></div><divclass="dr-method"><p>Returns string of the contrast filter.
</div></section></article><articleid="Savage.filter.grayscale"class="Savage-filter-grayscale-section"><header><h4id="Savage.filter.grayscale"class="dr-method">Savage.filter.grayscale(amount)<ahref="#Savage.filter.grayscale"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 156 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L156">➭</a></h4></header>
<section><divclass="extra"id="Savage.filter.grayscale-extra"></div><divclass="dr-method"><p>Returns string of the grayscale filter.
</div></section></article><articleid="Savage.filter.hueRotate"class="Savage-filter-hueRotate-section"><header><h4id="Savage.filter.hueRotate"class="dr-method">Savage.filter.hueRotate(angle)<ahref="#Savage.filter.hueRotate"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 231 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L231">➭</a></h4></header>
<section><divclass="extra"id="Savage.filter.hueRotate-extra"></div><divclass="dr-method"><p>Returns string of the hue-rotate filter.
</div></section></article><articleid="Savage.filter.invert"class="Savage-filter-invert-section"><header><h4id="Savage.filter.invert"class="dr-method">Savage.filter.invert(amount)<ahref="#Savage.filter.invert"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 249 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L249">➭</a></h4></header>
<section><divclass="extra"id="Savage.filter.invert-extra"></div><divclass="dr-method"><p>Returns string of the invert filter.
</div></section></article><articleid="Savage.filter.saturate"class="Savage-filter-saturate-section"><header><h4id="Savage.filter.saturate"class="dr-method">Savage.filter.saturate(amount)<ahref="#Savage.filter.saturate"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 211 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L211">➭</a></h4></header>
<section><divclass="extra"id="Savage.filter.saturate-extra"></div><divclass="dr-method"><p>Returns string of the saturate filter.
</div></section></article><articleid="Savage.filter.sepia"class="Savage-filter-sepia-section"><header><h4id="Savage.filter.sepia"class="dr-method">Savage.filter.sepia(amount)<ahref="#Savage.filter.sepia"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 183 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L183">➭</a></h4></header>
<section><divclass="extra"id="Savage.filter.sepia-extra"></div><divclass="dr-method"><p>Returns string of the sepia filter.
</div></section></article><articleid="Savage.filter.shadow"class="Savage-filter-shadow-section"><header><h4id="Savage.filter.shadow"class="dr-method">Savage.filter.shadow(dx, dy, [blur], [color])<ahref="#Savage.filter.shadow"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 125 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L125">➭</a></h4></header>
<section><divclass="extra"id="Savage.filter.shadow-extra"></div><divclass="dr-method"><p>Returns string of the shadow filter.
</div></section></article><articleid="Savage.findDotsAtSegment"class="Savage-findDotsAtSegment-section"><header><h3id="Savage.findDotsAtSegment"class="dr-method">Savage.findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t)<ahref="#Savage.findDotsAtSegment"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1175 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1175">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">point information in format:</span></p>
<olclass="dr-json"><li>{<olclass="dr-json"><li><spanclass="dr-json-key">x:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x coordinate of the point</span>
<li><spanclass="dr-json-key">y:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y coordinate of the point</span>
<li> m: {<olclass="dr-json"><li><spanclass="dr-json-key">x:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x coordinate of the left anchor</span>
<li><spanclass="dr-json-key">y:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y coordinate of the left anchor</span>
</ol></li><li> }</li><li> n: {<olclass="dr-json"><li><spanclass="dr-json-key">x:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x coordinate of the right anchor</span>
<li><spanclass="dr-json-key">y:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y coordinate of the right anchor</span>
</ol></li><li> }</li><li> start: {<olclass="dr-json"><li><spanclass="dr-json-key">x:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x coordinate of the start of the curve</span>
<li><spanclass="dr-json-key">y:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y coordinate of the start of the curve</span>
</ol></li><li> }</li><li> end: {<olclass="dr-json"><li><spanclass="dr-json-key">x:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x coordinate of the end of the curve</span>
<li><spanclass="dr-json-key">y:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y coordinate of the end of the curve</span>
</ol></li><li> }</li><li><spanclass="dr-json-key">alpha:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">angle of the curve derivative at the point</span>
</div></section></article><articleid="Savage.format"class="Savage-format-section"><header><h3id="Savage.format"class="dr-method">Savage.format(token, json)<ahref="#Savage.format"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 172 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L172">➭</a></h3></header>
<section><divclass="extra"id="Savage.format-extra"></div><divclass="dr-method"><p>Replaces construction of type “<code>{<name>}</code>” to the corresponding argument.
<h3>Usage</h3><sectionclass="code"><preclass="javascript code"><codedata-language="javascript"class="language-javascript">// this will draw a rectangular shape equivalent to "M10,20h40v50h-40z"
</div></section></article><articleid="Savage.fragment"class="Savage-fragment-section"><header><h3id="Savage.fragment"class="dr-method">Savage.fragment(varargs)<ahref="#Savage.fragment"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2231 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2231">➭</a></h3></header>
</div></section></article><articleid="Savage.getRGB"class="Savage-getRGB-section"><header><h3id="Savage.getRGB"class="dr-method">Savage.getRGB(colour)<ahref="#Savage.getRGB"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 611 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L611">➭</a></h3></header>
<li>Colour name (“<code>red</code>”, “<code>green</code>”, “<code>cornflowerblue</code>”, etc)</li>
<li>#••• — shortened HTML colour: (“<code>#000</code>”, “<code>#fc0</code>”, etc)</li>
<li>#•••••• — full length HTML colour: (“<code>#000000</code>”, “<code>#bd2300</code>”)</li>
<li>rgb(•••, •••, •••) — red, green and blue channels values: (“<code>rgb(200, 100, 0)</code>”)</li>
<li>rgb(•••%, •••%, •••%) — same as above, but in %: (“<code>rgb(100%, 175%, 0%)</code>”)</li>
<li>hsb(•••, •••, •••) — hue, saturation and brightness values: (“<code>hsb(0.5, 0.25, 1)</code>”)</li>
<li>hsb(•••%, •••%, •••%) — same as above, but in %</li>
<li>hsl(•••, •••, •••) — same as hsb</li>
<li>hsl(•••%, •••%, •••%) — same as hsb</li>
</ul>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">RGB object in format:</span></p>
<li><spanclass="dr-json-key">hex</span><spanclass="dr-type"><emclass="dr-type-string">string</em></span><spanclass="dr-json-description">color in HTML/CSS format: #••••••,</span>
<li><spanclass="dr-json-key">error</span><spanclass="dr-type"><emclass="dr-type-boolean">boolean</em></span><spanclass="dr-json-description">true if string cant be parsed</span>
</div></section></article><articleid="Savage.hsb"class="Savage-hsb-section"><header><h3id="Savage.hsb"class="dr-method">Savage.hsb(h, s, b)<ahref="#Savage.hsb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 692 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L692">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">hex representation of the colour.</span></p>
</div></section></article><articleid="Savage.hsb2rgb"class="Savage-hsb2rgb-section"><header><h3id="Savage.hsb2rgb"class="dr-method">Savage.hsb2rgb(h, s, v)<ahref="#Savage.hsb2rgb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 852 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L852">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">RGB object in format:</span></p>
<li><spanclass="dr-json-key">hex</span><spanclass="dr-type"><emclass="dr-type-string">string</em></span><spanclass="dr-json-description">color in HTML/CSS format: #••••••</span>
</div></section></article><articleid="Savage.hsl"class="Savage-hsl-section"><header><h3id="Savage.hsl"class="dr-method">Savage.hsl(h, s, l)<ahref="#Savage.hsl"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 705 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L705">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">hex representation of the colour.</span></p>
</div></section></article><articleid="Savage.hsl2rgb"class="Savage-hsl2rgb-section"><header><h3id="Savage.hsl2rgb"class="dr-method">Savage.hsl2rgb(h, s, l)<ahref="#Savage.hsl2rgb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 888 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L888">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">RGB object in format:</span></p>
<li><spanclass="dr-json-key">hex</span><spanclass="dr-type"><emclass="dr-type-string">string</em></span><spanclass="dr-json-description">color in HTML/CSS format: #••••••</span>
</div></section></article><articleid="Savage.is"class="Savage-is-section"><header><h3id="Savage.is"class="dr-method">Savage.is(o, type)<ahref="#Savage.is"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 287 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L287">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-boolean">boolean</em><spanclass="dr-description">is given value is of given type</span></p>
</div></section></article><articleid="Savage.load"class="Savage-load-section"><header><h3id="Savage.load"class="dr-method">Savage.load(url, callback, [scope])<ahref="#Savage.load"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2888 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2888">➭</a></h3></header>
<section><divclass="extra"id="Savage.load-extra"></div><divclass="dr-method"><p>Loads external SVG file as a <ahref="#Fragment"class="dr-link">Fragment</a>. For more advanced AJAX see <ahref="#Savage.ajax"class="dr-link">Savage.ajax</a>.
</div></section></article><articleid="Savage.parse"class="Savage-parse-section"><header><h3id="Savage.parse"class="dr-method">Savage.parse(svg)<ahref="#Savage.parse"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2183 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2183">➭</a></h3></header>
<section><divclass="extra"id="Savage.parse-extra"></div><divclass="dr-method"><p>Parses SVG fragment and converts it into <ahref="#Fragment"class="dr-link">Fragment</a>.
</div></section></article><articleid="Savage.parsePathString"class="Savage-parsePathString-section"><header><h3id="Savage.parsePathString"class="dr-method">Savage.parsePathString(pathString)<ahref="#Savage.parsePathString"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 993 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L993">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-array">array</em><spanclass="dr-description">array of segments.</span></p>
</div></section></article><articleid="Savage.parseTransformString"class="Savage-parseTransformString-section"><header><h3id="Savage.parseTransformString"class="dr-method">Savage.parseTransformString(TString)<ahref="#Savage.parseTransformString"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1046 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1046">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-array">array</em><spanclass="dr-description">array of transformations.</span></p>
</div></section></article><articleid="Savage.path"class="Savage-path-section"><header><h3id="Savage.path"class="undefined">Savage.path<ahref="#Savage.path"title="Link to this section"class="dr-hash">⚓</a></h3></header>
<section><divclass="extra"id="Savage.path-extra"></div></section></article><articleid="Savage.path.bezierBBox"class="Savage-path-bezierBBox-section"><header><h4id="Savage.path.bezierBBox"class="dr-method">Savage.path.bezierBBox(…)<ahref="#Savage.path.bezierBBox"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1205 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1205">➭</a></h4></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">point information in format:</span></p>
<olclass="dr-json"><li>{<olclass="dr-json"><li> min: {<olclass="dr-json"><li><spanclass="dr-json-key">x:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x coordinate of the left point</span>
<li><spanclass="dr-json-key">y:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y coordinate of the top point</span>
</ol></li><li> }</li><li> max: {<olclass="dr-json"><li><spanclass="dr-json-key">x:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x coordinate of the right point</span>
<li><spanclass="dr-json-key">y:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y coordinate of the bottom point</span>
</div></section></article><articleid="Savage.path.getPointAtLength"class="Savage-path-getPointAtLength-section"><header><h4id="Savage.path.getPointAtLength"class="dr-method">Savage.path.getPointAtLength(path, length)<ahref="#Savage.path.getPointAtLength"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1071 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1071">➭</a></h4></header>
<section><divclass="extra"id="Savage.path.getPointAtLength-extra"></div><divclass="dr-method"><p>Return coordinates of the point located at the given length on the given path.
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">representation of the point:</span></p>
<li><spanclass="dr-json-key">alpha:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">angle of derivative</span>
</div></section></article><articleid="Savage.path.getSubpath"class="Savage-path-getSubpath-section"><header><h4id="Savage.path.getSubpath"class="dr-method">Savage.path.getSubpath(path, from, to)<ahref="#Savage.path.getSubpath"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1084 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1084">➭</a></h4></header>
<section><divclass="extra"id="Savage.path.getSubpath-extra"></div><divclass="dr-method"><p>Return subpath of a given path from given length to given length.
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">pathstring for the segment</span></p>
</div></section></article><articleid="Savage.path.getTotalLength"class="Savage-path-getTotalLength-section"><header><h4id="Savage.path.getTotalLength"class="dr-method">Savage.path.getTotalLength(path)<ahref="#Savage.path.getTotalLength"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1054 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1054">➭</a></h4></header>
</div></section></article><articleid="Savage.path.intersection"class="Savage-path-intersection-section"><header><h4id="Savage.path.intersection"class="dr-method">Savage.path.intersection(path1, path2)<ahref="#Savage.path.intersection"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1254 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1254">➭</a></h4></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-array">array</em><spanclass="dr-description">dots of intersection</span></p>
<olclass="dr-json"><li>[<li> {<olclass="dr-json"><li><spanclass="dr-json-key">x:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x coordinate of the point</span>
<li><spanclass="dr-json-key">y:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y coordinate of the point</span>
<li><spanclass="dr-json-key">t1:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">t value for segment of path1</span>
<li><spanclass="dr-json-key">t2:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">t value for segment of path2</span>
<li><spanclass="dr-json-key">segment1:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">order number for segment of path1</span>
<li><spanclass="dr-json-key">segment2:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">order number for segment of path2</span>
<li><spanclass="dr-json-key">bez1:</span><spanclass="dr-type"><emclass="dr-type-array">array</em></span><spanclass="dr-json-description">eight coordinates representing beziér curve for the segment of path1</span>
<li><spanclass="dr-json-key">bez2:</span><spanclass="dr-type"><emclass="dr-type-array">array</em></span><spanclass="dr-json-description">eight coordinates representing beziér curve for the segment of path2</span>
</div></section></article><articleid="Savage.path.isBBoxIntersect"class="Savage-path-isBBoxIntersect-section"><header><h4id="Savage.path.isBBoxIntersect"class="dr-method">Savage.path.isBBoxIntersect(bbox1, bbox2)<ahref="#Savage.path.isBBoxIntersect"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1230 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1230">➭</a></h4></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-boolean">boolean</em><spanclass="dr-description"><code>true</code> if they intersect</span></p>
</div></section></article><articleid="Savage.path.isPointInside"class="Savage-path-isPointInside-section"><header><h4id="Savage.path.isPointInside"class="dr-method">Savage.path.isPointInside(path, x, y)<ahref="#Savage.path.isPointInside"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1268 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1268">➭</a></h4></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-boolean">boolean</em><spanclass="dr-description">true, if point is inside the path</span></p>
</div></section></article><articleid="Savage.path.isPointInsideBBox"class="Savage-path-isPointInsideBBox-section"><header><h4id="Savage.path.isPointInsideBBox"class="dr-method">Savage.path.isPointInsideBBox(bbox, x, y)<ahref="#Savage.path.isPointInsideBBox"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1218 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1218">➭</a></h4></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-boolean">boolean</em><spanclass="dr-description"><code>true</code> if point inside</span></p>
</div></section></article><articleid="Savage.path.map"class="Savage-path-map-section"><header><h4id="Savage.path.map"class="dr-method">Savage.path.map(path, matrix)<ahref="#Savage.path.map"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1331 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1331">➭</a></h4></header>
</div></section></article><articleid="Savage.path.toAbsolute"class="Savage-path-toAbsolute-section"><header><h4id="Savage.path.toAbsolute"class="dr-method">Savage.path.toAbsolute(path)<ahref="#Savage.path.toAbsolute"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1310 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1310">➭</a></h4></header>
</div></section></article><articleid="Savage.path.toCubic"class="Savage-path-toCubic-section"><header><h4id="Savage.path.toCubic"class="dr-method">Savage.path.toCubic(pathString)<ahref="#Savage.path.toCubic"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1321 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1321">➭</a></h4></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-array">array</em><spanclass="dr-description">array of segments.</span></p>
</div></section></article><articleid="Savage.path.toRelative"class="Savage-path-toRelative-section"><header><h4id="Savage.path.toRelative"class="dr-method">Savage.path.toRelative(path)<ahref="#Savage.path.toRelative"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1299 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1299">➭</a></h4></header>
</div></section></article><articleid="Savage.pathBBox"class="Savage-pathBBox-section"><header><h3id="Savage.pathBBox"class="dr-method">Savage.pathBBox(path)<ahref="#Savage.pathBBox"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1287 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1287">➭</a></h3></header>
<olclass="dr-json"><li>{<olclass="dr-json"><li><spanclass="dr-json-key">x:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x coordinate of the left top point of the box</span>
<li><spanclass="dr-json-key">y:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y coordinate of the left top point of the box</span>
<li><spanclass="dr-json-key">x2:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">x coordinate of the right bottom point of the box</span>
<li><spanclass="dr-json-key">y2:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">y coordinate of the right bottom point of the box</span>
<li><spanclass="dr-json-key">width:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">width of the box</span>
<li><spanclass="dr-json-key">height:</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">height of the box</span>
</div></section></article><articleid="Savage.rad"class="Savage-rad-section"><header><h3id="Savage.rad"class="dr-method">Savage.rad(deg)<ahref="#Savage.rad"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 268 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L268">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-number">number</em><spanclass="dr-description">angle in radians.</span></p>
</div></section></article><articleid="Savage.rgb"class="Savage-rgb-section"><header><h3id="Savage.rgb"class="dr-method">Savage.rgb(r, g, b)<ahref="#Savage.rgb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 718 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L718">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">hex representation of the colour.</span></p>
</div></section></article><articleid="Savage.rgb2hsb"class="Savage-rgb2hsb-section"><header><h3id="Savage.rgb2hsb"class="dr-method">Savage.rgb2hsb(r, g, b)<ahref="#Savage.rgb2hsb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 927 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L927">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">HSB object in format:</span></p>
</div></section></article><articleid="Savage.rgb2hsl"class="Savage-rgb2hsl-section"><header><h3id="Savage.rgb2hsl"class="dr-method">Savage.rgb2hsl(r, g, b)<ahref="#Savage.rgb2hsl"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 960 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L960">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">HSL object in format:</span></p>
</div></section></article><articleid="Savage.select"class="Savage-select-section"><header><h3id="Savage.select"class="dr-method">Savage.select(query)<ahref="#Savage.select"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1296 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1296">➭</a></h3></header>
<section><divclass="extra"id="Savage.select-extra"></div><divclass="dr-method"><p>Wraps DOM element specified by CSS selector as <ahref="#Element"class="dr-link">Element</a>
</div></section></article><articleid="Savage.selectAll"class="Savage-selectAll-section"><header><h3id="Savage.selectAll"class="dr-method">Savage.selectAll(query)<ahref="#Savage.selectAll"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1307 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1307">➭</a></h3></header>
<section><divclass="extra"id="Savage.selectAll-extra"></div><divclass="dr-method"><p>Wraps DOM elements specified by CSS selector as set or array of <ahref="#Element"class="dr-link">Element</a>
</div></section></article><articleid="Savage.snapTo"class="Savage-snapTo-section"><header><h3id="Savage.snapTo"class="dr-method">Savage.snapTo(values, value, [tolerance])<ahref="#Savage.snapTo"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 298 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L298">➭</a></h3></header>
</div></section></article><articleid="Set"class="Set-section"><header><h2id="Set"class="undefined">Set<ahref="#Set"title="Link to this section"class="dr-hash">⚓</a></h2></header>
<section><divclass="extra"id="Set-extra"></div></section></article><articleid="Set.clear"class="Set-clear-section"><header><h3id="Set.clear"class="dr-method">Set.clear()<ahref="#Set.clear"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 96 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/set.js#L96">➭</a></h3></header>
</div></section></article><articleid="Set.exclude"class="Set-exclude-section"><header><h3id="Set.exclude"class="dr-method">Set.exclude(element)<ahref="#Set.exclude"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 147 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/set.js#L147">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-boolean">boolean</em><spanclass="dr-description"><code>true</code> if object was found & removed from the set</span></p>
</div></section></article><articleid="Set.forEach"class="Set-forEach-section"><header><h3id="Set.forEach"class="dr-method">Set.forEach(callback, thisArg)<ahref="#Set.forEach"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 76 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/set.js#L76">➭</a></h3></header>
</div></section></article><articleid="Set.pop"class="Set-pop-section"><header><h3id="Set.pop"class="dr-method">Set.pop()<ahref="#Set.pop"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 60 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/set.js#L60">➭</a></h3></header>
</div></section></article><articleid="Set.push"class="Set-push-section"><header><h3id="Set.push"class="dr-method">Set.push()<ahref="#Set.push"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 40 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/set.js#L40">➭</a></h3></header>
</div></section></article><articleid="Set.splice"class="Set-splice-section"><header><h3id="Set.splice"class="dr-method">Set.splice(index, count, [insertion…])<ahref="#Set.splice"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 112 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/set.js#L112">➭</a></h3></header>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">set elements that were deleted</span></p>
</div></section></article><articleid="mina"class="mina-section"><header><h2id="mina"class="dr-method">mina(a, A, b, B, get, set, [easing])<ahref="#mina"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 139 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L139">➭</a></h2></header>
<li><spanclass="dr-json-key">s</span><spanclass="dr-type"><emclass="dr-type-number">number</em></span><spanclass="dr-json-description">animation status (0..1),</span>
<li><spanclass="dr-json-key">get</span><spanclass="dr-type"><emclass="dr-type-function">function</em></span><spanclass="dr-json-description">getter of “master” number (see <ahref="#mina.time"class="dr-link">mina.time</a>),</span>
<li><spanclass="dr-json-key">set</span><spanclass="dr-type"><emclass="dr-type-function">function</em></span><spanclass="dr-json-description">setter of “slave” number,</span>
<li><spanclass="dr-json-key">easing</span><spanclass="dr-type"><emclass="dr-type-function">function</em></span><spanclass="dr-json-description">easing function, default is <ahref="#mina.linear"class="dr-link">mina.linear</a>,</span>
</div></section></article><articleid="mina.backin"class="mina-backin-section"><header><h3id="mina.backin"class="dr-method">mina.backin(n)<ahref="#mina.backin"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 248 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L248">➭</a></h3></header>
</div></section></article><articleid="mina.backout"class="mina-backout-section"><header><h3id="mina.backout"class="dr-method">mina.backout(n)<ahref="#mina.backout"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 260 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L260">➭</a></h3></header>
</div></section></article><articleid="mina.bounce"class="mina-bounce-section"><header><h3id="mina.bounce"class="dr-method">mina.bounce(n)<ahref="#mina.bounce"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 288 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L288">➭</a></h3></header>
</div></section></article><articleid="mina.easein"class="mina-easein-section"><header><h3id="mina.easein"class="dr-method">mina.easein(n)<ahref="#mina.easein"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 219 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L219">➭</a></h3></header>
</div></section></article><articleid="mina.easeinout"class="mina-easeinout-section"><header><h3id="mina.easeinout"class="dr-method">mina.easeinout(n)<ahref="#mina.easeinout"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 230 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L230">➭</a></h3></header>
</div></section></article><articleid="mina.easeout"class="mina-easeout-section"><header><h3id="mina.easeout"class="dr-method">mina.easeout(n)<ahref="#mina.easeout"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 208 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L208">➭</a></h3></header>
</div></section></article><articleid="mina.elastic"class="mina-elastic-section"><header><h3id="mina.elastic"class="dr-method">mina.elastic(n)<ahref="#mina.elastic"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 273 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L273">➭</a></h3></header>
</div></section></article><articleid="mina.getById"class="mina-getById-section"><header><h3id="mina.getById"class="dr-method">mina.getById(id)<ahref="#mina.getById"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 185 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L185">➭</a></h3></header>
</div></section></article><articleid="mina.linear"class="mina-linear-section"><header><h3id="mina.linear"class="dr-method">mina.linear(n)<ahref="#mina.linear"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 197 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L197">➭</a></h3></header>
</div></section></article><articleid="mina.time"class="mina-time-section"><header><h3id="mina.time"class="dr-method">mina.time()<ahref="#mina.time"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 176 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L176">➭</a></h3></header>
