diff --git a/examples/Animated/RadialRainbows.html b/examples/Animated/RadialRainbows.html
index 6b3b0865..73eaa1ec 100644
--- a/examples/Animated/RadialRainbows.html
+++ b/examples/Animated/RadialRainbows.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Animated/RoundedRectangles.html b/examples/Animated/RoundedRectangles.html
index bdd64273..910beb92 100644
--- a/examples/Animated/RoundedRectangles.html
+++ b/examples/Animated/RoundedRectangles.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Animated/animatedStar.html b/examples/Animated/animatedStar.html
index d68b4128..04724479 100644
--- a/examples/Animated/animatedStar.html
+++ b/examples/Animated/animatedStar.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Scripts/BouncingBalls.html b/examples/Scripts/BouncingBalls.html
index 37748c8e..98afbd07 100644
--- a/examples/Scripts/BouncingBalls.html
+++ b/examples/Scripts/BouncingBalls.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Scripts/arcTo.html b/examples/Scripts/arcTo.html
index ed3b293b..0d599166 100644
--- a/examples/Scripts/arcTo.html
+++ b/examples/Scripts/arcTo.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Scripts/circle.html b/examples/Scripts/circle.html
index 5cd37b1c..4977a731 100644
--- a/examples/Scripts/circle.html
+++ b/examples/Scripts/circle.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Scripts/letter.html b/examples/Scripts/letter.html
index f5ecf205..00a8ccca 100644
--- a/examples/Scripts/letter.html
+++ b/examples/Scripts/letter.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Scripts/lines.html b/examples/Scripts/lines.html
index 7e120fb7..e06a002a 100644
--- a/examples/Scripts/lines.html
+++ b/examples/Scripts/lines.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Scripts/rectangle.html b/examples/Scripts/rectangle.html
index aea2f71b..e720cd2d 100644
--- a/examples/Scripts/rectangle.html
+++ b/examples/Scripts/rectangle.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Scripts/roundRectangle.html b/examples/Scripts/roundRectangle.html
index 90e182b8..08ff59a8 100644
--- a/examples/Scripts/roundRectangle.html
+++ b/examples/Scripts/roundRectangle.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Scripts/star.html b/examples/Scripts/star.html
index 68163ee2..cb128caa 100644
--- a/examples/Scripts/star.html
+++ b/examples/Scripts/star.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Scripts/strokeJoin.html b/examples/Scripts/strokeJoin.html
index 41deef36..e290a604 100644
--- a/examples/Scripts/strokeJoin.html
+++ b/examples/Scripts/strokeJoin.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Tools/BezierTool.html b/examples/Tools/BezierTool.html
index 99b46852..efb997be 100644
--- a/examples/Tools/BezierTool.html
+++ b/examples/Tools/BezierTool.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Tools/Circles.html b/examples/Tools/Circles.html
index 9562d38c..188d4e52 100644
--- a/examples/Tools/Circles.html
+++ b/examples/Tools/Circles.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Tools/Clouds.html b/examples/Tools/Clouds.html
index 901d476b..51e2f9ce 100644
--- a/examples/Tools/Clouds.html
+++ b/examples/Tools/Clouds.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Tools/Dripping Brush.html b/examples/Tools/Dripping Brush.html
index 8bdc322d..6ff6120c 100644
--- a/examples/Tools/Dripping Brush.html	
+++ b/examples/Tools/Dripping Brush.html	
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Tools/Fancy Brush.html b/examples/Tools/Fancy Brush.html
index 60aea148..46f8ac7b 100644
--- a/examples/Tools/Fancy Brush.html	
+++ b/examples/Tools/Fancy Brush.html	
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Tools/Grid.html b/examples/Tools/Grid.html
index 958e53ff..4bd7a8ba 100644
--- a/examples/Tools/Grid.html
+++ b/examples/Tools/Grid.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Tools/MultiLines.html b/examples/Tools/MultiLines.html
index e0bc26e6..f0733b1a 100644
--- a/examples/Tools/MultiLines.html
+++ b/examples/Tools/MultiLines.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Tools/Wave.html b/examples/Tools/Wave.html
index 92ad39b2..70013aaf 100644
--- a/examples/Tools/Wave.html
+++ b/examples/Tools/Wave.html
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/examples/Tools/Worm Farm.html b/examples/Tools/Worm Farm.html
index 6784bc4c..0a8612d9 100644
--- a/examples/Tools/Worm Farm.html	
+++ b/examples/Tools/Worm Farm.html	
@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../../src/item/Item.js"></script>
diff --git a/test/index.html b/test/index.html
index f6bbbba3..d3c18cde 100644
--- a/test/index.html
+++ b/test/index.html
@@ -13,6 +13,7 @@
 	<script type="text/javascript" src="../src/basic/Rectangle.js"></script>
 	<script type="text/javascript" src="../src/basic/Size.js"></script>
 	<script type="text/javascript" src="../src/basic/Matrix.js"></script>
+	<script type="text/javascript" src="../src/document/DocumentView.js"></script>
 	<script type="text/javascript" src="../src/document/Doc.js"></script>
 	<script type="text/javascript" src="../src/document/Symbol.js"></script>
 	<script type="text/javascript" src="../src/item/Item.js"></script>