drawing-arcs.js

var stage = new createjs.Stage("canvas");
createjs.Ticker.addEventListener("tick", tick);

function shapey(x, y, angule) {
	var shape2 = new createjs.Shape().set({x:x, y:y});
	shape2.graphics.s("#fdd").ss(20, "round");
	stage.addChild(shape2);

	var startAngle = -90 * Math.PI/180;
	var endAngle = 270 * Math.PI/180;;
	shape2.graphics.arc(0,0,50,startAngle,endAngle);

	// Create the Shape
	var shape = new createjs.Shape().set({x:x, y:y});
	shape.graphics.s("#f10").ss(20, "round");
	stage.addChild(shape);

	var startAngle = -90 * Math.PI/180;
	var endAngle =angule * Math.PI/180;;
	shape.graphics.arc(0,0,50,startAngle,endAngle);
}

shapey(100, 100, 100);
shapey(300, 100, 80);
shapey(500, 100, 190);
shapey(700, 100, 30);


shapey(100, 300, 100);
shapey(300, 300, 80);
shapey(500, 300, 190);
shapey(700, 300, 30);


function tick(event) {
	stage.update();
}