diff --git a/examples/animatedStar.html b/examples/Animated/animatedStar.html
similarity index 61%
rename from examples/animatedStar.html
rename to examples/Animated/animatedStar.html
index 2a07afdc..108eaad3 100644
--- a/examples/animatedStar.html
+++ b/examples/Animated/animatedStar.html
@@ -4,16 +4,16 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Example</title>
-	<script type="text/javascript" src="../src/Bootstrap.js"></script>
-	<script type="text/javascript" src="../src/Item.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Point.js"></script>
-	<script type="text/javascript" src="../src/Rectangle.js"></script>
-	<script type="text/javascript" src="../src/Size.js"></script>
-	<script type="text/javascript" src="../src/Segment.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Path.js"></script>
-	<script type="text/javascript" src="../src/Doc.js"></script>
+	<script type="text/javascript" src="../../src/Bootstrap.js"></script>
+	<script type="text/javascript" src="../../src/Item.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Point.js"></script>
+	<script type="text/javascript" src="../../src/Rectangle.js"></script>
+	<script type="text/javascript" src="../../src/Size.js"></script>
+	<script type="text/javascript" src="../../src/Segment.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Path.js"></script>
+	<script type="text/javascript" src="../../src/Doc.js"></script>
 	<script>
 		var canvas, doc;
 		var count = 0;
@@ -43,7 +43,7 @@
 				doc.children.push(path);
 			}
 			doc.children.reverse();
-			doc.draw();
+			doc.redraw();
 		}
 	</script>
 </head>
diff --git a/examples/arcTo.html b/examples/Scripts/arcTo.html
similarity index 56%
rename from examples/arcTo.html
rename to examples/Scripts/arcTo.html
index eba3c8a8..e059ea16 100644
--- a/examples/arcTo.html
+++ b/examples/Scripts/arcTo.html
@@ -4,16 +4,16 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Example</title>
-	<script type="text/javascript" src="../src/Bootstrap.js"></script>
-	<script type="text/javascript" src="../src/Item.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Point.js"></script>
-	<script type="text/javascript" src="../src/Rectangle.js"></script>
-	<script type="text/javascript" src="../src/Size.js"></script>
-	<script type="text/javascript" src="../src/Segment.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Path.js"></script>
-	<script type="text/javascript" src="../src/Doc.js"></script>
+	<script type="text/javascript" src="../../src/Bootstrap.js"></script>
+	<script type="text/javascript" src="../../src/Item.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Point.js"></script>
+	<script type="text/javascript" src="../../src/Rectangle.js"></script>
+	<script type="text/javascript" src="../../src/Size.js"></script>
+	<script type="text/javascript" src="../../src/Segment.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Path.js"></script>
+	<script type="text/javascript" src="../../src/Doc.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
@@ -38,7 +38,7 @@
 			}
 			doc.children.reverse();
 
-			doc.draw();
+			doc.redraw();
 		}
 	</script>
 </head>
diff --git a/examples/Scripts/circle.html b/examples/Scripts/circle.html
new file mode 100644
index 00000000..57ca63bb
--- /dev/null
+++ b/examples/Scripts/circle.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Example</title>
+	<script type="text/javascript" src="../../src/Bootstrap.js"></script>
+	<script type="text/javascript" src="../../src/Item.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Point.js"></script>
+	<script type="text/javascript" src="../../src/Rectangle.js"></script>
+	<script type="text/javascript" src="../../src/Size.js"></script>
+	<script type="text/javascript" src="../../src/Segment.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Path.js"></script>
+	<script type="text/javascript" src="../../src/Doc.js"></script>
+	<script>
+		var count = 0;
+		var doc;
+		window.onload = function() {
+			var canvas = document.getElementById('canvas');
+			doc = new Doc(canvas);
+			var center = doc.size.divide(2);
+			for(var i = 0; i < 70; i++) {
+				var path = new Path.Circle(center, i * 5);
+				path.strokeColor = 'black';
+				doc.children.push(path);
+			}
+			doc.redraw();
+		}
+	</script>
+</head>
+<body>
+	<canvas id='canvas' width=1024 height=768></canvas>
+</body>
\ No newline at end of file
diff --git a/examples/letter.html b/examples/Scripts/letter.html
similarity index 75%
rename from examples/letter.html
rename to examples/Scripts/letter.html
index cce322f1..55fc4516 100644
--- a/examples/letter.html
+++ b/examples/Scripts/letter.html
@@ -4,16 +4,16 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Example</title>
-	<script type="text/javascript" src="../src/Bootstrap.js"></script>
-	<script type="text/javascript" src="../src/Item.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Point.js"></script>
-	<script type="text/javascript" src="../src/Rectangle.js"></script>
-	<script type="text/javascript" src="../src/Size.js"></script>
-	<script type="text/javascript" src="../src/Segment.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Path.js"></script>
-	<script type="text/javascript" src="../src/Doc.js"></script>
+	<script type="text/javascript" src="../../src/Bootstrap.js"></script>
+	<script type="text/javascript" src="../../src/Item.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Point.js"></script>
+	<script type="text/javascript" src="../../src/Rectangle.js"></script>
+	<script type="text/javascript" src="../../src/Size.js"></script>
+	<script type="text/javascript" src="../../src/Segment.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Path.js"></script>
+	<script type="text/javascript" src="../../src/Doc.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
@@ -37,7 +37,7 @@
 			);
 			letterPath.fillColor = 'black';
 			doc.children.push(letterPath);
-			doc.draw();
+			doc.redraw();
 		}
 	</script>
 </head>
diff --git a/examples/lines.html b/examples/Scripts/lines.html
similarity index 55%
rename from examples/lines.html
rename to examples/Scripts/lines.html
index 01a642e9..486d29f4 100644
--- a/examples/lines.html
+++ b/examples/Scripts/lines.html
@@ -4,16 +4,16 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Example</title>
-	<script type="text/javascript" src="../src/Bootstrap.js"></script>
-	<script type="text/javascript" src="../src/Item.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Point.js"></script>
-	<script type="text/javascript" src="../src/Rectangle.js"></script>
-	<script type="text/javascript" src="../src/Size.js"></script>
-	<script type="text/javascript" src="../src/Segment.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Path.js"></script>
-	<script type="text/javascript" src="../src/Doc.js"></script>
+	<script type="text/javascript" src="../../src/Bootstrap.js"></script>
+	<script type="text/javascript" src="../../src/Item.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Point.js"></script>
+	<script type="text/javascript" src="../../src/Rectangle.js"></script>
+	<script type="text/javascript" src="../../src/Size.js"></script>
+	<script type="text/javascript" src="../../src/Segment.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Path.js"></script>
+	<script type="text/javascript" src="../../src/Doc.js"></script>
 	<script>
 		var count = 0;
 		var doc;
@@ -33,7 +33,7 @@
 				path.strokeColor = i % 4 ? 'black' : 'red';
 				doc.children.push(path);
 			}
-			doc.draw();
+			doc.redraw();
 		}
 	</script>
 </head>
diff --git a/examples/Scripts/rectangle.html b/examples/Scripts/rectangle.html
new file mode 100644
index 00000000..de79499f
--- /dev/null
+++ b/examples/Scripts/rectangle.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Example</title>
+	<script type="text/javascript" src="../../src/Bootstrap.js"></script>
+	<script type="text/javascript" src="../../src/Item.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Point.js"></script>
+	<script type="text/javascript" src="../../src/Rectangle.js"></script>
+	<script type="text/javascript" src="../../src/Size.js"></script>
+	<script type="text/javascript" src="../../src/Segment.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Path.js"></script>
+	<script type="text/javascript" src="../../src/Doc.js"></script>
+	<script>
+		var count = 0;
+		var doc;
+		window.onload = function() {
+			var canvas = document.getElementById('canvas');
+			doc = new Doc(canvas);
+			var path = new Path.Rectangle([50, 50], [100, 100]);
+			path.strokeColor = 'black';
+			console.log(path);
+			doc.children.push(path);
+			doc.redraw();
+		}
+	</script>
+</head>
+<body>
+	<canvas id='canvas' width=1024 height=768></canvas>
+</body>
\ No newline at end of file
diff --git a/examples/roundRectangle.html b/examples/Scripts/roundRectangle.html
similarity index 50%
rename from examples/roundRectangle.html
rename to examples/Scripts/roundRectangle.html
index 21b40a39..8f71d3fc 100644
--- a/examples/roundRectangle.html
+++ b/examples/Scripts/roundRectangle.html
@@ -4,16 +4,16 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Example</title>
-	<script type="text/javascript" src="../src/Bootstrap.js"></script>
-	<script type="text/javascript" src="../src/Item.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Point.js"></script>
-	<script type="text/javascript" src="../src/Rectangle.js"></script>
-	<script type="text/javascript" src="../src/Size.js"></script>
-	<script type="text/javascript" src="../src/Segment.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Path.js"></script>
-	<script type="text/javascript" src="../src/Doc.js"></script>
+	<script type="text/javascript" src="../../src/Bootstrap.js"></script>
+	<script type="text/javascript" src="../../src/Item.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Point.js"></script>
+	<script type="text/javascript" src="../../src/Rectangle.js"></script>
+	<script type="text/javascript" src="../../src/Size.js"></script>
+	<script type="text/javascript" src="../../src/Segment.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Path.js"></script>
+	<script type="text/javascript" src="../../src/Doc.js"></script>
 	<script>
 		var count = 0;
 		var doc;
@@ -30,7 +30,7 @@
 			var path = new Path.RoundRectangle(rect, size);
 			path.fillColor = 'black';
 			doc.children.push(path);
-			doc.draw();
+			doc.redraw();
 		}
 	</script>
 </head>
diff --git a/examples/star.html b/examples/Scripts/star.html
similarity index 58%
rename from examples/star.html
rename to examples/Scripts/star.html
index ca331440..7d004073 100644
--- a/examples/star.html
+++ b/examples/Scripts/star.html
@@ -4,16 +4,16 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>Example</title>
-	<script type="text/javascript" src="../src/Bootstrap.js"></script>
-	<script type="text/javascript" src="../src/Item.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Point.js"></script>
-	<script type="text/javascript" src="../src/Rectangle.js"></script>
-	<script type="text/javascript" src="../src/Size.js"></script>
-	<script type="text/javascript" src="../src/Segment.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Path.js"></script>
-	<script type="text/javascript" src="../src/Doc.js"></script>
+	<script type="text/javascript" src="../../src/Bootstrap.js"></script>
+	<script type="text/javascript" src="../../src/Item.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Point.js"></script>
+	<script type="text/javascript" src="../../src/Rectangle.js"></script>
+	<script type="text/javascript" src="../../src/Size.js"></script>
+	<script type="text/javascript" src="../../src/Segment.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Path.js"></script>
+	<script type="text/javascript" src="../../src/Doc.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
@@ -36,7 +36,7 @@
 				doc.children.push(path);
 			}
 			doc.children.reverse();
-			doc.draw();
+			doc.redraw();
 		}
 	</script>
 </head>
diff --git a/examples/Scripts/strokeJoin.html b/examples/Scripts/strokeJoin.html
new file mode 100644
index 00000000..b629055c
--- /dev/null
+++ b/examples/Scripts/strokeJoin.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Example</title>
+	<script type="text/javascript" src="../../src/Bootstrap.js"></script>
+	<script type="text/javascript" src="../../src/Item.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Point.js"></script>
+	<script type="text/javascript" src="../../src/Rectangle.js"></script>
+	<script type="text/javascript" src="../../src/Size.js"></script>
+	<script type="text/javascript" src="../../src/Segment.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Path.js"></script>
+	<script type="text/javascript" src="../../src/Doc.js"></script>
+	<script>
+		var count = 0;
+		var doc;
+		window.onload = function() {
+			var canvas = document.getElementById('canvas');
+			doc = new Doc(canvas);
+			var path = new Path([100, 150], [150, 200], [200, 150]);
+			path.strokeColor = 'black';
+			path.strokeWidth = 30;
+			path.strokeJoin = 'bevel';
+			doc.children.push(path);
+			doc.redraw();
+		}
+	</script>
+</head>
+<body>
+	<canvas id='canvas' width=1024 height=768></canvas>
+</body>
\ No newline at end of file
diff --git a/examples/Scripts/temp.html b/examples/Scripts/temp.html
new file mode 100644
index 00000000..8a970811
--- /dev/null
+++ b/examples/Scripts/temp.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Example</title>
+	<script type="text/javascript" src="../../src/Bootstrap.js"></script>
+	<script type="text/javascript" src="../../src/Item.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Point.js"></script>
+	<script type="text/javascript" src="../../src/Rectangle.js"></script>
+	<script type="text/javascript" src="../../src/Size.js"></script>
+	<script type="text/javascript" src="../../src/Segment.js"></script>
+	<script type="text/javascript" src="../../src/PathItem.js"></script>
+	<script type="text/javascript" src="../../src/Path.js"></script>
+	<script type="text/javascript" src="../../src/Doc.js"></script>
+	<script>
+		var count = 0;
+		var doc;
+		window.onload = function() {
+			var canvas = document.getElementById('canvas');
+			doc = new Doc(canvas);
+			var rect = new Rectangle([50, 50], [200, 100])
+			var path = new Path.RoundRectangle(rect, 200);
+			path.strokeColor = 'black';
+			console.log(path);
+			doc.children.push(path);
+
+			// var path = new Path.Rectangle(rect);
+			// path.strokeColor = 'black';
+			// doc.children.push(path);
+			doc.redraw();
+		}
+	</script>
+</head>
+<body>
+	<canvas id='canvas' width=1024 height=768></canvas>
+</body>
\ No newline at end of file
diff --git a/examples/circle.html b/examples/circle.html
deleted file mode 100644
index aedb17f6..00000000
--- a/examples/circle.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
-
-<html>
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<title>Example</title>
-	<script type="text/javascript" src="../src/Bootstrap.js"></script>
-	<script type="text/javascript" src="../src/Item.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Point.js"></script>
-	<script type="text/javascript" src="../src/Rectangle.js"></script>
-	<script type="text/javascript" src="../src/Size.js"></script>
-	<script type="text/javascript" src="../src/Segment.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Path.js"></script>
-	<script type="text/javascript" src="../src/Doc.js"></script>
-	<script>
-		var count = 0;
-		var doc;
-		window.onload = function() {
-			var canvas = document.getElementById('canvas');
-			doc = new Doc(canvas);
-			var center = doc.size.divide(2);
-			for(var i = 0; i < 70; i++) {
-				var path = new Path.Circle(center, i * 5);
-				path.strokeColor = 'black';
-				doc.children.push(path);
-			}
-			doc.draw();
-		}
-	</script>
-</head>
-<body>
-	<canvas id='canvas' width=1024 height=768></canvas>
-</body>
\ No newline at end of file
diff --git a/examples/rectangle.html b/examples/rectangle.html
deleted file mode 100644
index 6b46db84..00000000
--- a/examples/rectangle.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
-
-<html>
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<title>Example</title>
-	<script type="text/javascript" src="../src/Bootstrap.js"></script>
-	<script type="text/javascript" src="../src/Item.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Point.js"></script>
-	<script type="text/javascript" src="../src/Rectangle.js"></script>
-	<script type="text/javascript" src="../src/Size.js"></script>
-	<script type="text/javascript" src="../src/Segment.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Path.js"></script>
-	<script type="text/javascript" src="../src/Doc.js"></script>
-	<script>
-		var count = 0;
-		var doc;
-		window.onload = function() {
-			var canvas = document.getElementById('canvas');
-			doc = new Doc(canvas);
-			var path = new Path.Rectangle([50, 50], [100, 100]);
-			path.strokeColor = 'black';
-			console.log(path);
-			doc.children.push(path);
-			doc.draw();
-		}
-	</script>
-</head>
-<body>
-	<canvas id='canvas' width=1024 height=768></canvas>
-</body>
\ No newline at end of file
diff --git a/examples/strokeJoin.html b/examples/strokeJoin.html
deleted file mode 100644
index d4c75f20..00000000
--- a/examples/strokeJoin.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
-
-<html>
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<title>Example</title>
-	<script type="text/javascript" src="../src/Bootstrap.js"></script>
-	<script type="text/javascript" src="../src/Item.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Point.js"></script>
-	<script type="text/javascript" src="../src/Rectangle.js"></script>
-	<script type="text/javascript" src="../src/Size.js"></script>
-	<script type="text/javascript" src="../src/Segment.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Path.js"></script>
-	<script type="text/javascript" src="../src/Doc.js"></script>
-	<script>
-		var count = 0;
-		var doc;
-		window.onload = function() {
-			var canvas = document.getElementById('canvas');
-			doc = new Doc(canvas);
-			var path = new Path([100, 150], [150, 200], [200, 150]);
-			path.strokeColor = 'black';
-			path.strokeWidth = 30;
-			path.strokeJoin = 'bevel';
-			doc.children.push(path);
-			doc.draw();
-		}
-	</script>
-</head>
-<body>
-	<canvas id='canvas' width=1024 height=768></canvas>
-</body>
\ No newline at end of file
diff --git a/examples/temp.html b/examples/temp.html
deleted file mode 100644
index 142f8c24..00000000
--- a/examples/temp.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
-
-<html>
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<title>Example</title>
-	<script type="text/javascript" src="../src/Bootstrap.js"></script>
-	<script type="text/javascript" src="../src/Item.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Point.js"></script>
-	<script type="text/javascript" src="../src/Rectangle.js"></script>
-	<script type="text/javascript" src="../src/Size.js"></script>
-	<script type="text/javascript" src="../src/Segment.js"></script>
-	<script type="text/javascript" src="../src/PathItem.js"></script>
-	<script type="text/javascript" src="../src/Path.js"></script>
-	<script type="text/javascript" src="../src/Doc.js"></script>
-	<script>
-		var count = 0;
-		var doc;
-		window.onload = function() {
-			var canvas = document.getElementById('canvas');
-			doc = new Doc(canvas);
-			var rect = new Rectangle([50, 50], [200, 100])
-			var path = new Path.RoundRectangle(rect, 200);
-			path.strokeColor = 'black';
-			console.log(path);
-			doc.children.push(path);
-
-			// var path = new Path.Rectangle(rect);
-			// path.strokeColor = 'black';
-			// doc.children.push(path);
-			doc.draw();
-		}
-	</script>
-</head>
-<body>
-	<canvas id='canvas' width=1024 height=768></canvas>
-</body>
\ No newline at end of file
