<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 1643 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1643">➭</a></h3></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 1634 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1634">➭</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 1696 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1696">➭</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 1687 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1687">➭</a></h3></header>
<section><divclass="extra"id="Element.after-extra"></div><divclass="dr-method"><p>Inserts given element after the current one
</div></section></article><articleid="Element.animate"class="Element-animate-section"><header><h3id="Element.animate"class="dr-method">Element.animate(attrs, duration, [easing], [callback])<ahref="#Element.animate"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2140 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2140">➭</a></h3></header>
</div></section></article><articleid="Element.animate"class="Element-animate-section"><header><h3id="Element.animate"class="dr-method">Element.animate(attrs, duration, [easing], [callback])<ahref="#Element.animate"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2134 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2134">➭</a></h3></header>
<section><divclass="extra"id="Element.animate-extra"></div><divclass="dr-method"><p>Animates the given attributes of the element
<spanclass="dr-description">callback function that executes when the animation ends</span></li>
</ol></div>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-Element">Element</em><spanclass="dr-description">the current element</span></p>
</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 1637 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1637">➭</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 1628 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1628">➭</a></h3></header>
<section><divclass="extra"id="Element.append-extra"></div><divclass="dr-method"><p>Appends the given element to current one
</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 1784 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1784">➭</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 1775 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1775">➭</a></h3></header>
<section><divclass="extra"id="Element.asPX-extra"></div><divclass="dr-method"><p>Returns 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 1479 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1479">➭</a></h3></header>
</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 1467 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1467">➭</a></h3></header>
<section><divclass="extra"id="Element.attr-extra"></div><divclass="dr-method"><p>Gets or sets given attributes of the element
</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 1680 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1680">➭</a></h3></header>
</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 1671 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1671">➭</a></h3></header>
<section><divclass="extra"id="Element.before-extra"></div><divclass="dr-method"><p>Inserts given element before the current one
</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 1828 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1828">➭</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 1819 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1819">➭</a></h3></header>
<section><divclass="extra"id="Element.clone-extra"></div><divclass="dr-method"><p>Creates a clone of the element and inserts it after the element
</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 2212 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2212">➭</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 2206 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2206">➭</a></h3></header>
<section><divclass="extra"id="Element.data-extra"></div><divclass="dr-method"><p>Adds or retrieves given value associated with given key. (Don’t confuse
with <code>data-</code> attributes)
</p>
@ -256,7 +256,7 @@ with <code>data-</code> attributes)
</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 1528 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1528">➭</a></h3></header>
</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 1516 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1516">➭</a></h3></header>
<section><divclass="extra"id="Element.getBBox-extra"></div><divclass="dr-method"><p>Returns the bounding box descriptor for the given element
</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 2055 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2055">➭</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 2046 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2046">➭</a></h3></header>
<section><divclass="extra"id="Element.inAnim-extra"></div><divclass="dr-method"><p>Returns a set of animations that may be able to manipulate the current element
@ -331,11 +331,11 @@ with <code>data-</code> attributes)
<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>
</ol></li><li>}</li></ol>
</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 2261 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2261">➭</a></h3></header>
</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 2255 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2255">➭</a></h3></header>
<section><divclass="extra"id="Element.innerSVG-extra"></div><divclass="dr-method"><p>Returns SVG code for the element's contents, equivalent to HTML's <code>innerHTML</code>
</p>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">SVG code for 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 1726 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1726">➭</a></h3></header>
</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 1717 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1717">➭</a></h3></header>
<section><divclass="extra"id="Element.insertAfter-extra"></div><divclass="dr-method"><p>Inserts the element after the given one
</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 1711 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1711">➭</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 1702 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1702">➭</a></h3></header>
<section><divclass="extra"id="Element.insertBefore-extra"></div><divclass="dr-method"><p>Inserts the element after the given one
</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 1979 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1979">➭</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 1970 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1970">➭</a></h3></header>
<section><divclass="extra"id="Element.marker-extra"></div><divclass="dr-method"><p>Creates a <code><marker></code> element from the current element
To create a marker you have to specify the bounding rect and reference point:
</p>
@ -417,11 +417,11 @@ To create a marker you have to specify the bounding rect and reference point:
<spanclass="dr-description">handler for the event</span></li>
</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 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.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 1616 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1616">➭</a></h3></header>
<section><divclass="extra"id="Element.parent-extra"></div><divclass="dr-method"><p>Returns the element's parent
</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 1938 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1938">➭</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 1929 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1929">➭</a></h3></header>
<section><divclass="extra"id="Element.pattern-extra"></div><divclass="dr-method"><p>Creates a <code><pattern></code> element from the current element
To create a pattern you have to specify the pattern rect:
</p>
@ -451,7 +451,7 @@ c.attr({
fill: p
});
</code></pre></section>
</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 1665 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1665">➭</a></h3></header>
</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 1656 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1656">➭</a></h3></header>
<section><divclass="extra"id="Element.prepend-extra"></div><divclass="dr-method"><p>Prepends the given element to the current one
</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 1739 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1739">➭</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 1730 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1730">➭</a></h3></header>
<section><divclass="extra"id="Element.remove-extra"></div><divclass="dr-method"><p>Removes element from the DOM
</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 2237 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2237">➭</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 2231 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2231">➭</a></h3></header>
<section><divclass="extra"id="Element.removeData-extra"></div><divclass="dr-method"><p>Removes value associated with an element by given key.
If key is not provided, removes all the data of the element.
</p>
@ -473,7 +473,7 @@ If key is not provided, removes all the data of the element.
</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 1754 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1754">➭</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 1745 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1745">➭</a></h3></header>
<section><divclass="extra"id="Element.select-extra"></div><divclass="dr-method"><p>Gathers the nested <ahref="#Element"class="dr-link">Element</a> matching the given set of CSS selectors
<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 1766 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1766">➭</a></h3></header>
</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 1757 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1757">➭</a></h3></header>
<section><divclass="extra"id="Element.selectAll-extra"></div><divclass="dr-method"><p>Gathers nested <ahref="#Element"class="dr-link">Element</a> objects matching the given set of CSS selectors
<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 2119 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2119">➭</a></h3></header>
</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 2113 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2113">➭</a></h3></header>
<section><divclass="extra"id="Element.stop-extra"></div><divclass="dr-method"><p>Stops all the animations for the current element
</p>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-Element">Element</em><spanclass="dr-description">the current element</span></p>
</div></section></article><articleid="Element.toDefs"class="Element-toDefs-section"><header><h3id="Element.toDefs"class="dr-method">Element.toDefs()<ahref="#Element.toDefs"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1908 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1908">➭</a></h3></header>
</div></section></article><articleid="Element.toDefs"class="Element-toDefs-section"><header><h3id="Element.toDefs"class="dr-method">Element.toDefs()<ahref="#Element.toDefs"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1899 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1899">➭</a></h3></header>
<section><divclass="extra"id="Element.toDefs-extra"></div><divclass="dr-method"><p>Moves element to the shared <code><defs></code> area
</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 2942 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2942">➭</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 2936 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2936">➭</a></h3></header>
<section><divclass="extra"id="Element.toString-extra"></div><divclass="dr-method"><p>Returns SVG code for the element, equivalent to HTML's <code>outerHTML</code>
</p>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">SVG code for the element</span></p>
@ -536,7 +536,7 @@ If key is not provided, removes all the data of the element.
<spanclass="dr-description">handler for the event</span></li>
</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 1583 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1583">➭</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 1571 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1571">➭</a></h3></header>
<section><divclass="extra"id="Element.transform-extra"></div><divclass="dr-method"><p>Gets or sets transformation of the element
</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 1799 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1799">➭</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 1790 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1790">➭</a></h3></header>
<section><divclass="extra"id="Element.use-extra"></div><divclass="dr-method"><p>Creates a <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 2331 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2331">➭</a></h3></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 2325 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2325">➭</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 2338 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2338">➭</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 2332 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2332">➭</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>
@ -697,15 +697,15 @@ If key is not provided, removes all the data of the element.
</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 437 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L437">➭</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 436 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L436">➭</a></h3></header>
<section><divclass="extra"id="Matrix.clone-extra"></div><divclass="dr-method"><p>Returns a copy of the matrix
</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 425 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L425">➭</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 424 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L424">➭</a></h3></header>
<section><divclass="extra"id="Matrix.invert-extra"></div><divclass="dr-method"><p>Returns an inverted version of the matrix
</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 478 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L478">➭</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 477 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L477">➭</a></h3></header>
<section><divclass="extra"id="Matrix.rotate-extra"></div><divclass="dr-method"><p>Rotates the matrix
<spanclass="dr-description">vertical origin point from which to rotate</span></li>
</ol></div>
</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 462 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L462">➭</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 461 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L461">➭</a></h3></header>
<section><divclass="extra"id="Matrix.scale-extra"></div><divclass="dr-method"><p>Scales the matrix
<spanclass="dr-description">vertical origin point from which to scale</span></li>
</ol></div>
</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 545 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L545">➭</a></h3></header>
<p>Default cx, cy is the middle point of the element.
</p>
</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 544 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L544">➭</a></h3></header>
<section><divclass="extra"id="Matrix.split-extra"></div><divclass="dr-method"><p>Splits matrix into primitive transformations
@ -749,11 +751,11 @@ If key is not provided, removes all the data of the element.
<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>
</ol>
</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 588 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L588">➭</a></h3></header>
</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 587 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L587">➭</a></h3></header>
<section><divclass="extra"id="Matrix.toTransformString-extra"></div><divclass="dr-method"><p>Returns transform string that represents given matrix
</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 448 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L448">➭</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 447 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L447">➭</a></h3></header>
<section><divclass="extra"id="Matrix.translate-extra"></div><divclass="dr-method"><p>Translate the matrix
</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 496 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L496">➭</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 495 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L495">➭</a></h3></header>
<section><divclass="extra"id="Matrix.x-extra"></div><divclass="dr-method"><p>Returns 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 508 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L508">➭</a></h3></header>
</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 507 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L507">➭</a></h3></header>
<section><divclass="extra"id="Matrix.y-extra"></div><divclass="dr-method"><p>Returns 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 2611 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2611">➭</a></h3></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 2605 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2605">➭</a></h3></header>
<section><divclass="extra"id="Paper.circle-extra"></div><divclass="dr-method"><p>Draws a circle
<h3>Usage</h3><sectionclass="code"><preclass="javascript code"><codedata-language="javascript"class="language-javascript">var c = paper.circle(50, 50, 40);
</code></pre></section>
</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 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.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 2545 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2545">➭</a></h3></header>
<section><divclass="extra"id="Paper.el-extra"></div><divclass="dr-method"><p>Creates an element on paper with a given name and no attributes
@ -820,7 +822,7 @@ var c = paper.el("circle").attr({
r: 10
});
</code></pre></section>
</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 2686 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2686">➭</a></h3></header>
</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 2680 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2680">➭</a></h3></header>
<section><divclass="extra"id="Paper.ellipse-extra"></div><divclass="dr-method"><p>Draws an ellipse
@ -854,7 +856,7 @@ var c = paper.el("circle").attr({
filter: f
});
</code></pre></section>
</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 2762 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2762">➭</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 2756 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2756">➭</a></h3></header>
<section><divclass="extra"id="Paper.g-extra"></div><divclass="dr-method"><p>Creates a group element
@ -874,7 +876,7 @@ var c = paper.el("circle").attr({
g = paper.g();
g.add(c2, c1);
</code></pre></section>
</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 2926 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2926">➭</a></h3></header>
</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 2920 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2920">➭</a></h3></header>
<section><divclass="extra"id="Paper.gradient-extra"></div><divclass="dr-method"><p>Creates a gradient element
</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 2768 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2768">➭</a></h3></header>
</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 2762 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2762">➭</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 2643 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2643">➭</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 2637 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2637">➭</a></h3></header>
<section><divclass="extra"id="Paper.image-extra"></div><divclass="dr-method"><p>Places an image on the surface
@ -945,7 +947,7 @@ half the width, from black to white:
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-object">object</em><spanclass="dr-description">Raphaël element object with type <code>image</code></span></p>
<h3>Usage</h3><sectionclass="code"><preclass="javascript code"><codedata-language="javascript"class="language-javascript">var c = paper.image("apple.png", 10, 10, 80, 80);
</code></pre></section>
</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 2824 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2824">➭</a></h3></header>
</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 2818 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2818">➭</a></h3></header>
<section><divclass="extra"id="Paper.line-extra"></div><divclass="dr-method"><p>Draws a line
</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 2731 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2731">➭</a></h3></header>
</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 2725 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2725">➭</a></h3></header>
<section><divclass="extra"id="Paper.path-extra"></div><divclass="dr-method"><p>Creates a <code><path></code> element using the given string as the path's definition
@ -999,10 +1001,10 @@ Note: there is a special case when a path consists of only three commands: <code
// draw a diagonal line:
// move to 10,10, line to 90,90
</code></pre></section>
</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 2873 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2873">➭</a></h3></header>
</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 2867 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2867">➭</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>
</p>
</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 2853 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2853">➭</a></h3></header>
</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 2847 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2847">➭</a></h3></header>
<section><divclass="extra"id="Paper.polyline-extra"></div><divclass="dr-method"><p>Draws a polyline
</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 2574 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2574">➭</a></h3></header>
</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 2568 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2568">➭</a></h3></header>
@ -1050,7 +1052,7 @@ var c = paper.rect(10, 10, 50, 50);
// rectangle with rounded corners
var c = paper.rect(40, 40, 50, 50, 10);
</code></pre></section>
</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 2796 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2796">➭</a></h3></header>
</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 2790 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2790">➭</a></h3></header>
<section><divclass="extra"id="Paper.text-extra"></div><divclass="dr-method"><p>Draws a text string
</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 2942 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2942">➭</a></h3></header>
</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 2936 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2936">➭</a></h3></header>
<section><divclass="extra"id="Paper.toString-extra"></div><divclass="dr-method"><p>Returns SVG code for the element, equivalent to HTML's <code>outerHTML</code>
</p>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">SVG code for the element</span></p>
@ -1123,7 +1125,7 @@ var t2 = paper.text(50, 50, ["S","n","a","p"]);
</ol></div>
<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="Snap"class="Snap-section"><header><h2id="Snap"class="undefined">Snap<ahref="#Snap"title="Link to this section"class="dr-hash">⚓</a></h2></header>
<section><divclass="extra"id="Snap-extra"></div></section></article><articleid="Snap.Matrix"class="Snap-Matrix-section"><header><h3id="Snap.Matrix"class="dr-method">Snap.Matrix(…)<ahref="#Snap.Matrix"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 620 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L620">➭</a></h3></header>
<section><divclass="extra"id="Snap-extra"></div></section></article><articleid="Snap.Matrix"class="Snap-Matrix-section"><header><h3id="Snap.Matrix"class="dr-method">Snap.Matrix(…)<ahref="#Snap.Matrix"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 619 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L619">➭</a></h3></header>
</div></section></article><articleid="Snap.ajax"class="Snap-ajax-section"><header><h3id="Snap.ajax"class="dr-method">Snap.ajax(…)<ahref="#Snap.ajax"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2974 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2974">➭</a></h3></header>
</div></section></article><articleid="Snap.ajax"class="Snap-ajax-section"><header><h3id="Snap.ajax"class="dr-method">Snap.ajax(…)<ahref="#Snap.ajax"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2968 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2968">➭</a></h3></header>
<section><divclass="extra"id="Snap.ajax-extra"></div><divclass="dr-method"><p>Simple implementation of Ajax
@ -1209,7 +1211,7 @@ Returns a matrix based on the given parameters
<spanclass="dr-description">y coord of third point</span></li>
</ol></div>
<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="Snap.animate"class="Snap-animate-section"><header><h3id="Snap.animate"class="dr-method">Snap.animate(from, to, setter, duration, [easing], [callback])<ahref="#Snap.animate"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2100 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2100">➭</a></h3></header>
</div></section></article><articleid="Snap.animate"class="Snap-animate-section"><header><h3id="Snap.animate"class="dr-method">Snap.animate(from, to, setter, duration, [easing], [callback])<ahref="#Snap.animate"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2095 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2095">➭</a></h3></header>
<section><divclass="extra"id="Snap.animate-extra"></div><divclass="dr-method"><p>Runs generic animation of one number into another with a caring function
@ -1241,7 +1243,16 @@ Returns a matrix based on the given parameters
<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>
</ol></li><li>}</li></ol>
</div></section></article><articleid="Snap.animation"class="Snap-animation-section"><header><h3id="Snap.animation"class="dr-method">Snap.animation(attr, duration, [easing], [callback])<ahref="#Snap.animation"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2038 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2038">➭</a></h3></header>
<sectionclass="code"><preclass="javascript code"><codedata-language="javascript"class="language-javascript">var rect = Snap().rect(0, 0, 10, 10);
Snap.animate(0, 10, function (val) {
rect.attr({
x: val
});
}, 1000);
// in given context is equivalent to
rect.animate({x: 10}, 1000);
</code></pre></section>
</div></section></article><articleid="Snap.animation"class="Snap-animation-section"><header><h3id="Snap.animation"class="dr-method">Snap.animation(attr, duration, [easing], [callback])<ahref="#Snap.animation"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2029 in the source"href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2029">➭</a></h3></header>
<section><divclass="extra"id="Snap.animation-extra"></div><divclass="dr-method"><p>Creates an animation object
</div></section></article><articleid="Snap.color"class="Snap-color-section"><header><h3id="Snap.color"class="dr-method">Snap.color(clr)<ahref="#Snap.color"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 857 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L857">➭</a></h3></header>
</div></section></article><articleid="Snap.color"class="Snap-color-section"><header><h3id="Snap.color"class="dr-method">Snap.color(clr)<ahref="#Snap.color"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 856 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L856">➭</a></h3></header>
<section><divclass="extra"id="Snap.color-extra"></div><divclass="dr-method"><p>Parses the color string and returns an object featuring the color's component values
</div></section></article><articleid="Snap.fragment"class="Snap-fragment-section"><header><h3id="Snap.fragment"class="dr-method">Snap.fragment(varargs)<ahref="#Snap.fragment"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2349 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2349">➭</a></h3></header>
</div></section></article><articleid="Snap.fragment"class="Snap-fragment-section"><header><h3id="Snap.fragment"class="dr-method">Snap.fragment(varargs)<ahref="#Snap.fragment"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2343 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2343">➭</a></h3></header>
<section><divclass="extra"id="Snap.fragment-extra"></div><divclass="dr-method"><p>Creates a DOM fragment from a given list of elements or strings
</div></section></article><articleid="Snap.getRGB"class="Snap-getRGB-section"><header><h3id="Snap.getRGB"class="dr-method">Snap.getRGB(color)<ahref="#Snap.getRGB"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 655 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L655">➭</a></h3></header>
</div></section></article><articleid="Snap.getRGB"class="Snap-getRGB-section"><header><h3id="Snap.getRGB"class="dr-method">Snap.getRGB(color)<ahref="#Snap.getRGB"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 654 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L654">➭</a></h3></header>
<section><divclass="extra"id="Snap.getRGB-extra"></div><divclass="dr-method"><p>Parses color string as RGB object
<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 can't be parsed</span>
</ol></li><li>}</li></ol>
</div></section></article><articleid="Snap.hsb"class="Snap-hsb-section"><header><h3id="Snap.hsb"class="dr-method">Snap.hsb(h, s, b)<ahref="#Snap.hsb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 744 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L744">➭</a></h3></header>
</div></section></article><articleid="Snap.hsb"class="Snap-hsb-section"><header><h3id="Snap.hsb"class="dr-method">Snap.hsb(h, s, b)<ahref="#Snap.hsb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 743 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L743">➭</a></h3></header>
<section><divclass="extra"id="Snap.hsb-extra"></div><divclass="dr-method"><p>Converts HSB values to a hex representation of the color
<spanclass="dr-description">value or brightness</span></li>
</ol></div>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">hex representation of the color</span></p>
</div></section></article><articleid="Snap.hsb2rgb"class="Snap-hsb2rgb-section"><header><h3id="Snap.hsb2rgb"class="dr-method">Snap.hsb2rgb(h, s, v)<ahref="#Snap.hsb2rgb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 909 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L909">➭</a></h3></header>
</div></section></article><articleid="Snap.hsb2rgb"class="Snap-hsb2rgb-section"><header><h3id="Snap.hsb2rgb"class="dr-method">Snap.hsb2rgb(h, s, v)<ahref="#Snap.hsb2rgb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 908 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L908">➭</a></h3></header>
<section><divclass="extra"id="Snap.hsb2rgb-extra"></div><divclass="dr-method"><p>Converts HSB values to an RGB object
<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>
</ol></li><li>}</li></ol>
</div></section></article><articleid="Snap.hsl"class="Snap-hsl-section"><header><h3id="Snap.hsl"class="dr-method">Snap.hsl(h, s, l)<ahref="#Snap.hsl"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 757 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L757">➭</a></h3></header>
</div></section></article><articleid="Snap.hsl"class="Snap-hsl-section"><header><h3id="Snap.hsl"class="dr-method">Snap.hsl(h, s, l)<ahref="#Snap.hsl"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 756 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L756">➭</a></h3></header>
<section><divclass="extra"id="Snap.hsl-extra"></div><divclass="dr-method"><p>Converts HSL values to a hex representation of the color
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">hex representation of the color</span></p>
</div></section></article><articleid="Snap.hsl2rgb"class="Snap-hsl2rgb-section"><header><h3id="Snap.hsl2rgb"class="dr-method">Snap.hsl2rgb(h, s, l)<ahref="#Snap.hsl2rgb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 945 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L945">➭</a></h3></header>
</div></section></article><articleid="Snap.hsl2rgb"class="Snap-hsl2rgb-section"><header><h3id="Snap.hsl2rgb"class="dr-method">Snap.hsl2rgb(h, s, l)<ahref="#Snap.hsl2rgb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 944 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L944">➭</a></h3></header>
<section><divclass="extra"id="Snap.hsl2rgb-extra"></div><divclass="dr-method"><p>Converts HSL values to an RGB object
<spanclass="dr-description">name of the type, e.g., <code>string</code>, <code>function</code>, <code>number</code>, etc.</span></li>
</ol></div>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-boolean">boolean</em><spanclass="dr-description"><code>true</code> if given value is of given type</span></p>
</div></section></article><articleid="Snap.load"class="Snap-load-section"><header><h3id="Snap.load"class="dr-method">Snap.load(url, callback, [scope])<ahref="#Snap.load"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 3020 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L3020">➭</a></h3></header>
</div></section></article><articleid="Snap.load"class="Snap-load-section"><header><h3id="Snap.load"class="dr-method">Snap.load(url, callback, [scope])<ahref="#Snap.load"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 3014 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L3014">➭</a></h3></header>
<section><divclass="extra"id="Snap.load-extra"></div><divclass="dr-method"><p>Loads external SVG file as a <ahref="#Fragment"class="dr-link">Fragment</a> (see <ahref="#Snap.ajax"class="dr-link">Snap.ajax</a> for more advanced AJAX)
<spanclass="dr-description">scope of callback</span></li>
</ol></div>
</div></section></article><articleid="Snap.parse"class="Snap-parse-section"><header><h3id="Snap.parse"class="dr-method">Snap.parse(svg)<ahref="#Snap.parse"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2300 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2300">➭</a></h3></header>
</div></section></article><articleid="Snap.parse"class="Snap-parse-section"><header><h3id="Snap.parse"class="dr-method">Snap.parse(svg)<ahref="#Snap.parse"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 2294 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2294">➭</a></h3></header>
<section><divclass="extra"id="Snap.parse-extra"></div><divclass="dr-method"><p>Parses SVG fragment and converts it into a <ahref="#Fragment"class="dr-link">Fragment</a>
</div></section></article><articleid="Snap.parsePathString"class="Snap-parsePathString-section"><header><h3id="Snap.parsePathString"class="dr-method">Snap.parsePathString(pathString)<ahref="#Snap.parsePathString"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1051 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1051">➭</a></h3></header>
</div></section></article><articleid="Snap.parsePathString"class="Snap-parsePathString-section"><header><h3id="Snap.parsePathString"class="dr-method">Snap.parsePathString(pathString)<ahref="#Snap.parsePathString"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1050 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1050">➭</a></h3></header>
Parses given path string into an array of arrays of path segments
</p>
@ -1555,7 +1566,7 @@ Parses given path string into an array of arrays of path segments
<spanclass="dr-description">path string or array of segments (in the last case it is returned straight away)</span></li>
</ol></div>
<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="Snap.parseTransformString"class="Snap-parseTransformString-section"><header><h3id="Snap.parseTransformString"class="dr-method">Snap.parseTransformString(TString)<ahref="#Snap.parseTransformString"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1105 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1105">➭</a></h3></header>
</div></section></article><articleid="Snap.parseTransformString"class="Snap-parseTransformString-section"><header><h3id="Snap.parseTransformString"class="dr-method">Snap.parseTransformString(TString)<ahref="#Snap.parseTransformString"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1104 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1104">➭</a></h3></header>
Parses given transform string into an array of transformations
</p>
@ -1817,7 +1828,7 @@ Converts path coordinates into relative values
<spanclass="dr-description">angle in degrees</span></li>
</ol></div>
<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="Snap.rgb"class="Snap-rgb-section"><header><h3id="Snap.rgb"class="dr-method">Snap.rgb(r, g, b)<ahref="#Snap.rgb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 770 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L770">➭</a></h3></header>
</div></section></article><articleid="Snap.rgb"class="Snap-rgb-section"><header><h3id="Snap.rgb"class="dr-method">Snap.rgb(r, g, b)<ahref="#Snap.rgb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 769 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L769">➭</a></h3></header>
<section><divclass="extra"id="Snap.rgb-extra"></div><divclass="dr-method"><p>Converts RGB values to a hex representation of the color
@ -1831,7 +1842,7 @@ Converts path coordinates into relative values
<spanclass="dr-description">blue</span></li>
</ol></div>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-string">string</em><spanclass="dr-description">hex representation of the color</span></p>
</div></section></article><articleid="Snap.rgb2hsb"class="Snap-rgb2hsb-section"><header><h3id="Snap.rgb2hsb"class="dr-method">Snap.rgb2hsb(r, g, b)<ahref="#Snap.rgb2hsb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 984 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L984">➭</a></h3></header>
</div></section></article><articleid="Snap.rgb2hsb"class="Snap-rgb2hsb-section"><header><h3id="Snap.rgb2hsb"class="dr-method">Snap.rgb2hsb(r, g, b)<ahref="#Snap.rgb2hsb"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 983 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L983">➭</a></h3></header>
<section><divclass="extra"id="Snap.rgb2hsb-extra"></div><divclass="dr-method"><p>Converts RGB values to an HSB object
</div></section></article><articleid="Snap.rgb2hsl"class="Snap-rgb2hsl-section"><header><h3id="Snap.rgb2hsl"class="dr-method">Snap.rgb2hsl(r, g, b)<ahref="#Snap.rgb2hsl"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1017 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1017">➭</a></h3></header>
</div></section></article><articleid="Snap.rgb2hsl"class="Snap-rgb2hsl-section"><header><h3id="Snap.rgb2hsl"class="dr-method">Snap.rgb2hsl(r, g, b)<ahref="#Snap.rgb2hsl"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1016 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1016">➭</a></h3></header>
<section><divclass="extra"id="Snap.rgb2hsl-extra"></div><divclass="dr-method"><p>Converts RGB values to an HSL object
</div></section></article><articleid="Snap.select"class="Snap-select-section"><header><h3id="Snap.select"class="dr-method">Snap.select(query)<ahref="#Snap.select"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1372 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1372">➭</a></h3></header>
</div></section></article><articleid="Snap.select"class="Snap-select-section"><header><h3id="Snap.select"class="dr-method">Snap.select(query)<ahref="#Snap.select"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1360 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1360">➭</a></h3></header>
<section><divclass="extra"id="Snap.select-extra"></div><divclass="dr-method"><p>Wraps a DOM element specified by CSS selector as <ahref="#Element"class="dr-link">Element</a>
@ -1875,7 +1886,7 @@ Converts path coordinates into relative values
<spanclass="dr-description">CSS selector of the element</span></li>
</ol></div>
<pclass="dr-returns"><strongclass="dr-title">Returns:</strong><emclass="dr-type-Element">Element</em><spanclass="dr-description">the current element</span></p>
</div></section></article><articleid="Snap.selectAll"class="Snap-selectAll-section"><header><h3id="Snap.selectAll"class="dr-method">Snap.selectAll(query)<ahref="#Snap.selectAll"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1383 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1383">➭</a></h3></header>
</div></section></article><articleid="Snap.selectAll"class="Snap-selectAll-section"><header><h3id="Snap.selectAll"class="dr-method">Snap.selectAll(query)<ahref="#Snap.selectAll"title="Link to this section"class="dr-hash">⚓</a><aclass="dr-sourceline"title="Go to line 1371 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1371">➭</a></h3></header>
<section><divclass="extra"id="Snap.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>
// See the License for the specific language governing permissions and
// limitations under the License.
//
// build: 2013-10-15
// build: 2013-10-18
// Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
@ -1511,7 +1511,6 @@ function Matrix(a, b, c, d, e, f) {
this.f=out[1][2];
returnthis;
};
// SIERRA Matrix.invert(): Unclear what it means to invert a matrix.
/*\
*Matrix.invert
[method]
@ -1545,7 +1544,6 @@ function Matrix(a, b, c, d, e, f) {
matrixproto.translate=function(x,y){
returnthis.add(1,0,0,1,x,y);
};
// SIERRA: do cx/cy default to the center point, as in CSS? If so, Snap appears to resolve important discrepancies between how transforms behave in SVG & CSS.
/*\
*Matrix.scale
[method]
@ -1555,6 +1553,7 @@ function Matrix(a, b, c, d, e, f) {
@ -2652,7 +2640,7 @@ function arrayFirstValue(arr) {
returnSnap._.box(_.bbox);
};
varpropString=function(){
returnthis.local;
returnthis.string;
};
// SIERRA Element.transform(): seems to allow two return values, one of which (_Element_) is undefined.
// SIERRA Element.transform(): if this only accepts one argument, it's unclear how it can both _get_ and _set_ a transform.
@ -2681,14 +2669,17 @@ function arrayFirstValue(arr) {
var_=this._;
if(tstr==null){
varglobal=newMatrix(this.node.getCTM()),
local=extractTransform(this);
local=extractTransform(this),
localString=local.toTransformString(),
string=Str(local)==Str(this.matrix)?
_.transform:localString;
return{
string:Str(_.transform)||"",
string:string,
globalMatrix:global,
localMatrix:local,
diffMatrix:global.clone().add(local.invert()),
global:global.toTransformString(),
local:local.toTransformString(),
local:localString,
toString:propString
};
}
@ -3168,10 +3159,6 @@ function arrayFirstValue(arr) {
}
returnres;
};
// SIERRA unfamiliar with the phrase _caring function,_ so the text for the _setter_ param isn't clear.
// SIERRA With the animation's start/end states defined, how is its _speed_ distinguished from its _duration_?
// SIERRA Text explaining the mina format should move to the section on the mina object interface. (Prior comment applies: object interfaces need to also be documented.)
// SIERRA unclear how to express a custom _easing_ (+)
/*\
*Snap.animate
[method]
@ -3193,6 +3180,14 @@ function arrayFirstValue(arr) {
// SIERRA Element.stop(). Does it _stop_ or _pause_ the animations? If you run Element.animate() to restart the animation, does it commence from the beginning?
@ -414,7 +414,6 @@ function Matrix(a, b, c, d, e, f) {
this.f=out[1][2];
returnthis;
};
// SIERRA Matrix.invert(): Unclear what it means to invert a matrix.
/*\
*Matrix.invert
[method]
@ -448,7 +447,6 @@ function Matrix(a, b, c, d, e, f) {
matrixproto.translate=function(x,y){
returnthis.add(1,0,0,1,x,y);
};
// SIERRA: do cx/cy default to the center point, as in CSS? If so, Snap appears to resolve important discrepancies between how transforms behave in SVG & CSS.
/*\
*Matrix.scale
[method]
@ -458,6 +456,7 @@ function Matrix(a, b, c, d, e, f) {
cjgammon
