From 38a1ce0b6ae5d07e17e35dcfb8b3a0c0d4a2efb2 Mon Sep 17 00:00:00 2001
From: Jonathan Puckey <me@jonathanpuckey.com>
Date: Sat, 23 Apr 2011 16:30:29 +0200
Subject: [PATCH] Update Circles example.

---
 examples/Tools/Circles.html | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/examples/Tools/Circles.html b/examples/Tools/Circles.html
index 5509134f..f08b3aab 100644
--- a/examples/Tools/Circles.html
+++ b/examples/Tools/Circles.html
@@ -6,13 +6,21 @@
 	<script type="text/javascript">var root = '../../'</script>
 	<script type="text/javascript" src="../../src/load.js"></script>
 	<script type="text/paperscript" canvas="canvas">
+			// All newly created items will receive
+			// these style properties:
+			document.currentStyle = {
+				fillColor: 'white',
+				strokeColor: 'black'
+			};
+
 			var path;
 			function onMouseDrag(event) {
 				if (path) path.remove();
-				var distance = (event.downPoint - event.point).length;
-				path = new Path.Circle(event.downPoint, distance);
-				path.strokeColor = 'black';
-				path.fillColor = 'white';
+				// The radius is the distance between the position
+				// where the user clicked and the current position
+				// of the mouse.
+				var radius = (event.downPoint - event.point).length;
+				path = new Path.Circle(event.downPoint, radius);
 			};
 
 			function onMouseUp(event) {