testColorWheel.html

<html>
	<head>
		<script src="js/jquery-1.11.0.min.js"></script>
		<style>	
			.marker {
				position:absolute;
				width:10px;
				height:10px;
				border-radius:10px;
				border:2px solid black;
			}
	
			#wheelcanvas {

				margin-top:100px;
				margin-left:50px;
			}
		</style>
		<script type="text/javascript" src="js/ColorWheel.js"></script>
		<script>
			$(document).ready(function() {
				$("#colorwheel").hide();
				var wheel = new ColorWheel(200);
				console.log(wheel.getColors());
			});
		</script>
	</head>
	<body>
		<div>
			<canvas id = "wheelcanvas"> </canvas>
		</div>
		<img src="images/colorwheel.png" id="colorwheel"></img>
	</body>
</html>