Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Paper.js</title>
<link rel="stylesheet" href="./../PaperJSEngine/style.css" />
<script type="text/javascript" src="./../PaperJSEngine/paper-full.min.js"></script>
<script type="text/paperscript" canvas="canvas">
//http://paperjs.org/reference/path/#lineby-point
var path = new Path();
path.strokeWidth = 4
path.strokeColor = 'black';
//first segment
path.add(view.center)
for (var i = 0; i < 200; i++) {
var vector = new Point({
angle: i * 36,
length: i / 1
})
path.lineBy(vector)
}
path.smooth({ type: 'continuous'})
path.segments[path.segments.length-1].remove()
</script>
</head>
<body>
<canvas id="canvas" resize style="background: ; "></canvas>
</body>
</html>
