twreporter-react
Version:
React-Redux site for The Reporter Foundation in Taiwan
890 lines (663 loc) • 784 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<base href="http://snapsvg.io/docs/">
<title>Snap.svg API Reference</title>
<link rel="shortcut icon" href="/assets/favicon.ico?v=1">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" href="/assets/docs/fonts/stylesheet.css?v=201311041519">
<link rel="stylesheet" href="/assets/docs/css/topcoat-desktop-light.css?v=201311041519">
<link rel="stylesheet" href="/assets/docs/css/main.css?v=201311041519">
<link rel="stylesheet" href="/assets/docs/css/dr.css?v=201311041519">
<link rel="stylesheet" href="/assets/docs/css/prism.css?v=201311041519">
<link rel="stylesheet" href="/assets/style/docs-header.css?v=201311041519">
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-44948757-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
function trackOutboundLink(link, category, action) {
try {
_gaq.push(['_trackEvent', category , action]);
} catch(err){}
setTimeout(function() {
document.location.href = link.href;
}, 100);
}
</script>
</head>
<body class="light">
<header id="header">
<div class="wrap">
<a href="/" class="logo">
<img src="/assets/images/logo.svg" alt=""/>
<span class="header">Snap.svg</span>
</a>
<nav>
<a href="/">Home</a>
<a href="/about/">Why Snap</a>
<a href="/start/" class="mobile-hide">Getting Started</a>
<a href="/docs/" class="mobile-hide selected">Docs</a>
<a href="/support/">Support</a>
<a href="/demos/" class="mobile-hide">Demos</a>
<a class="bt" href="/assets/downloads/Snap.svg-0.1.0.zip" onclick="trackOutboundLink(this, 'Download', '0.1');return false;">Download</a>
</nav>
</div>
</header>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<div id="wrapper">
<div class="max-width">
<div id="sideNav">
<div class="combo">
<input type="search" id="dr-filter" value="" placeholder="search" class="topcoat-search-input">
</div>
<div id="pageNav">
<ol id="dr-toc">
<li class="dr-lvl0">
<a href="#Element" class="undefined"><span>Element</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.add" class="dr-method"><span>Element.add()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.addClass" class="dr-method"><span>Element.addClass()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.after" class="dr-method"><span>Element.after()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.animate" class="dr-method"><span>Element.animate()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.append" class="dr-method"><span>Element.append()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.appendTo" class="dr-method"><span>Element.appendTo()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.asPX" class="dr-method"><span>Element.asPX()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.attr" class="dr-method"><span>Element.attr()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.before" class="dr-method"><span>Element.before()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.children" class="dr-method"><span>Element.children()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.click" class="dr-method"><span>Element.click()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.clone" class="dr-method"><span>Element.clone()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.data" class="dr-method"><span>Element.data()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.dblclick" class="dr-method"><span>Element.dblclick()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.drag" class="dr-method"><span>Element.drag()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.getBBox" class="dr-method"><span>Element.getBBox()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.getPointAtLength" class="dr-method"><span>Element.getPointAtLength()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.getSubpath" class="dr-method"><span>Element.getSubpath()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.getTotalLength" class="dr-method"><span>Element.getTotalLength()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.hasClass" class="dr-method"><span>Element.hasClass()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.hover" class="dr-method"><span>Element.hover()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.inAnim" class="dr-method"><span>Element.inAnim()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.innerSVG" class="dr-method"><span>Element.innerSVG()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.insertAfter" class="dr-method"><span>Element.insertAfter()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.insertBefore" class="dr-method"><span>Element.insertBefore()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.marker" class="dr-method"><span>Element.marker()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.mousedown" class="dr-method"><span>Element.mousedown()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.mousemove" class="dr-method"><span>Element.mousemove()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.mouseout" class="dr-method"><span>Element.mouseout()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.mouseover" class="dr-method"><span>Element.mouseover()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.mouseup" class="dr-method"><span>Element.mouseup()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.node" class="dr-property"><span>Element.node</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.outerSVG" class="dr-method"><span>Element.outerSVG()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.parent" class="dr-method"><span>Element.parent()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.prepend" class="dr-method"><span>Element.prepend()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.prependTo" class="dr-method"><span>Element.prependTo()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.remove" class="dr-method"><span>Element.remove()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.removeClass" class="dr-method"><span>Element.removeClass()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.removeData" class="dr-method"><span>Element.removeData()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.select" class="dr-method"><span>Element.select()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.selectAll" class="dr-method"><span>Element.selectAll()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.stop" class="dr-method"><span>Element.stop()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.toDefs" class="dr-method"><span>Element.toDefs()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.toJSON" class="dr-method"><span>Element.toJSON()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.toPattern" class="dr-method"><span>Element.toPattern()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.toString" class="dr-method"><span>Element.toString()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.toggleClass" class="dr-method"><span>Element.toggleClass()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.touchcancel" class="dr-method"><span>Element.touchcancel()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.touchend" class="dr-method"><span>Element.touchend()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.touchmove" class="dr-method"><span>Element.touchmove()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.touchstart" class="dr-method"><span>Element.touchstart()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.transform" class="dr-method"><span>Element.transform()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.type" class="dr-property"><span>Element.type</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.unclick" class="dr-method"><span>Element.unclick()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.undblclick" class="dr-method"><span>Element.undblclick()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.undrag" class="dr-method"><span>Element.undrag()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.unhover" class="dr-method"><span>Element.unhover()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.unmousedown" class="dr-method"><span>Element.unmousedown()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.unmousemove" class="dr-method"><span>Element.unmousemove()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.unmouseout" class="dr-method"><span>Element.unmouseout()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.unmouseover" class="dr-method"><span>Element.unmouseover()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.unmouseup" class="dr-method"><span>Element.unmouseup()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.untouchcancel" class="dr-method"><span>Element.untouchcancel()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.untouchend" class="dr-method"><span>Element.untouchend()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.untouchmove" class="dr-method"><span>Element.untouchmove()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.untouchstart" class="dr-method"><span>Element.untouchstart()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Element.use" class="dr-method"><span>Element.use()</span></a>
</li>
<li class="dr-lvl0">
<a href="#Fragment" class="undefined"><span>Fragment</span></a>
</li>
<li class="dr-lvl1">
<a href="#Fragment.select" class="dr-method"><span>Fragment.select()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Fragment.selectAll" class="dr-method"><span>Fragment.selectAll()</span></a>
</li>
<li class="dr-lvl0">
<a href="#Matrix" class="undefined"><span>Matrix</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.add" class="dr-method"><span>Matrix.add()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.clone" class="dr-method"><span>Matrix.clone()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.determinant" class="dr-method"><span>Matrix.determinant()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.invert" class="dr-method"><span>Matrix.invert()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.rotate" class="dr-method"><span>Matrix.rotate()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.scale" class="dr-method"><span>Matrix.scale()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.split" class="dr-method"><span>Matrix.split()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.toTransformString" class="dr-method"><span>Matrix.toTransformString()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.translate" class="dr-method"><span>Matrix.translate()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.x" class="dr-method"><span>Matrix.x()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Matrix.y" class="dr-method"><span>Matrix.y()</span></a>
</li>
<li class="dr-lvl0">
<a href="#Paper" class="undefined"><span>Paper</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.circle" class="dr-method"><span>Paper.circle()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.clear" class="dr-method"><span>Paper.clear()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.el" class="dr-method"><span>Paper.el()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.ellipse" class="dr-method"><span>Paper.ellipse()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.filter" class="dr-method"><span>Paper.filter()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.g" class="dr-method"><span>Paper.g()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.gradient" class="dr-method"><span>Paper.gradient()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.group" class="dr-method"><span>Paper.group()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.image" class="dr-method"><span>Paper.image()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.line" class="dr-method"><span>Paper.line()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.mask" class="dr-method"><span>Paper.mask()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.path" class="dr-method"><span>Paper.path()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.polygon" class="dr-method"><span>Paper.polygon()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.polyline" class="dr-method"><span>Paper.polyline()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.ptrn" class="dr-method"><span>Paper.ptrn()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.rect" class="dr-method"><span>Paper.rect()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.svg" class="dr-method"><span>Paper.svg()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.symbol" class="dr-method"><span>Paper.symbol()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.text" class="dr-method"><span>Paper.text()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.toDataURL" class="dr-method"><span>Paper.toDataURL()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.toString" class="dr-method"><span>Paper.toString()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Paper.use" class="dr-method"><span>Paper.use()</span></a>
</li>
<li class="dr-lvl0">
<a href="#Set" class="undefined"><span>Set</span></a>
</li>
<li class="dr-lvl1">
<a href="#Set.animate" class="dr-method"><span>Set.animate()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Set.bind" class="dr-method"><span>Set.bind()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Set.clear" class="dr-method"><span>Set.clear()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Set.exclude" class="dr-method"><span>Set.exclude()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Set.forEach" class="dr-method"><span>Set.forEach()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Set.pop" class="dr-method"><span>Set.pop()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Set.push" class="dr-method"><span>Set.push()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Set.splice" class="dr-method"><span>Set.splice()</span></a>
</li>
<li class="dr-lvl0">
<a href="#Snap" class="undefined"><span>Snap</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.Matrix" class="dr-method"><span>Snap.Matrix()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.acos" class="dr-method"><span>Snap.acos()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.ajax" class="dr-method"><span>Snap.ajax()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.angle" class="dr-method"><span>Snap.angle()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.animate" class="dr-method"><span>Snap.animate()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.animation" class="dr-method"><span>Snap.animation()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.asin" class="dr-method"><span>Snap.asin()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.atan" class="dr-method"><span>Snap.atan()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.atan2" class="dr-method"><span>Snap.atan2()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.closestPoint" class="dr-method"><span>Snap.closestPoint()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.color" class="dr-method"><span>Snap.color()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.cos" class="dr-method"><span>Snap.cos()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.deg" class="dr-method"><span>Snap.deg()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.filter" class="undefined"><span>Snap.filter</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.filter.blur" class="dr-method"><span>Snap.filter.blur()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.filter.brightness" class="dr-method"><span>Snap.filter.brightness()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.filter.contrast" class="dr-method"><span>Snap.filter.contrast()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.filter.grayscale" class="dr-method"><span>Snap.filter.grayscale()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.filter.hueRotate" class="dr-method"><span>Snap.filter.hueRotate()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.filter.invert" class="dr-method"><span>Snap.filter.invert()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.filter.saturate" class="dr-method"><span>Snap.filter.saturate()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.filter.sepia" class="dr-method"><span>Snap.filter.sepia()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.filter.shadow" class="dr-method"><span>Snap.filter.shadow()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.format" class="dr-method"><span>Snap.format()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.fragment" class="dr-method"><span>Snap.fragment()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.getElementByPoint" class="dr-method"><span>Snap.getElementByPoint()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.getRGB" class="dr-method"><span>Snap.getRGB()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.hsb" class="dr-method"><span>Snap.hsb()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.hsb2rgb" class="dr-method"><span>Snap.hsb2rgb()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.hsl" class="dr-method"><span>Snap.hsl()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.hsl2rgb" class="dr-method"><span>Snap.hsl2rgb()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.is" class="dr-method"><span>Snap.is()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.len" class="dr-method"><span>Snap.len()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.len2" class="dr-method"><span>Snap.len2()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.load" class="dr-method"><span>Snap.load()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.matrix" class="dr-method"><span>Snap.matrix()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.parse" class="dr-method"><span>Snap.parse()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.parsePathString" class="dr-method"><span>Snap.parsePathString()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.parseTransformString" class="dr-method"><span>Snap.parseTransformString()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.path" class="undefined"><span>Snap.path</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.bezierBBox" class="dr-method"><span>Snap.path.bezierBBox()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.findDotsAtSegment" class="dr-method"><span>Snap.path.findDotsAtSegment()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.getBBox" class="dr-method"><span>Snap.path.getBBox()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.getPointAtLength" class="dr-method"><span>Snap.path.getPointAtLength()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.getSubpath" class="dr-method"><span>Snap.path.getSubpath()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.getTotalLength" class="dr-method"><span>Snap.path.getTotalLength()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.intersection" class="dr-method"><span>Snap.path.intersection()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.isBBoxIntersect" class="dr-method"><span>Snap.path.isBBoxIntersect()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.isPointInside" class="dr-method"><span>Snap.path.isPointInside()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.isPointInsideBBox" class="dr-method"><span>Snap.path.isPointInsideBBox()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.map" class="dr-method"><span>Snap.path.map()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.toAbsolute" class="dr-method"><span>Snap.path.toAbsolute()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.toCubic" class="dr-method"><span>Snap.path.toCubic()</span></a>
</li>
<li class="dr-lvl2">
<a href="#Snap.path.toRelative" class="dr-method"><span>Snap.path.toRelative()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.plugin" class="dr-method"><span>Snap.plugin()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.rad" class="dr-method"><span>Snap.rad()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.rgb" class="dr-method"><span>Snap.rgb()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.rgb2hsb" class="dr-method"><span>Snap.rgb2hsb()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.rgb2hsl" class="dr-method"><span>Snap.rgb2hsl()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.select" class="dr-method"><span>Snap.select()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.selectAll" class="dr-method"><span>Snap.selectAll()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.sin" class="dr-method"><span>Snap.sin()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.snapTo" class="dr-method"><span>Snap.snapTo()</span></a>
</li>
<li class="dr-lvl1">
<a href="#Snap.tan" class="dr-method"><span>Snap.tan()</span></a>
</li>
<li class="dr-lvl0">
<a href="#mina" class="dr-method"><span>mina()</span></a>
</li>
<li class="dr-lvl1">
<a href="#mina.backin" class="dr-method"><span>mina.backin()</span></a>
</li>
<li class="dr-lvl1">
<a href="#mina.backout" class="dr-method"><span>mina.backout()</span></a>
</li>
<li class="dr-lvl1">
<a href="#mina.bounce" class="dr-method"><span>mina.bounce()</span></a>
</li>
<li class="dr-lvl1">
<a href="#mina.easein" class="dr-method"><span>mina.easein()</span></a>
</li>
<li class="dr-lvl1">
<a href="#mina.easeinout" class="dr-method"><span>mina.easeinout()</span></a>
</li>
<li class="dr-lvl1">
<a href="#mina.easeout" class="dr-method"><span>mina.easeout()</span></a>
</li>
<li class="dr-lvl1">
<a href="#mina.elastic" class="dr-method"><span>mina.elastic()</span></a>
</li>
<li class="dr-lvl1">
<a href="#mina.getById" class="dr-method"><span>mina.getById()</span></a>
</li>
<li class="dr-lvl1">
<a href="#mina.linear" class="dr-method"><span>mina.linear()</span></a>
</li>
<li class="dr-lvl1">
<a href="#mina.time" class="dr-method"><span>mina.time()</span></a>
</li>
</ol>
</div>
</div>
</div>
<div id="site">
<div id="content" class="max-width">
<article id="Snap">
<header>
<h3 class="dr-method">Snap(…)<a href="#Snap" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 33 in the source" href="https://github.com/adobe-webplatform/Snap.svg/blob/master/src/svg.js#L33">➭</a></h3>
</header>
<section>
<div class="extra" id="Snap-extra"></div>
<div class="dr-method">
<p>Creates a drawing surface or wraps existing SVG element.
</p>
<div class="topcoat-list__container">
<h3 class="topcoat-list__header">Parameters</h3>
<ol class="topcoat-list">
<li class="topcoat-list__item"><span class="dr-param">width</span>
<span class="dr-type"><em class="dr-type-number">number</em> <em class="dr-type-string">string</em> </span>
<span class="dr-description">width of surface</span></li>
<li class="topcoat-list__item"><span class="dr-param">height</span>
<span class="dr-type"><em class="dr-type-number">number</em> <em class="dr-type-string">string</em> </span>
<span class="dr-description">height of surface</span></li>
</ol>
</div>
<p>or
</p>