途切れた線の描画

Interrupted Line (1) | CreateJS

var graph = new createjs.Shape();
stage.addChild(graph);
graph.graphics.setStrokeStyle(3, "round", "round");
graph.graphics.beginStroke("#FF3366");
var drawn = false;
for (n = -320; n <= 320; n++) {
	px = n;
	py = 120*Math.sin(n*RADIAN);
	if (!drawn) {
		graph.graphics.moveTo(px, -py);
		drawn = true;
	} else {
		graph.graphics.lineTo(px, -py);
	}
}
graph.graphics.endStroke();

Interrupted Line (2) | CreateJS

var graph = new createjs.Shape();
stage.addChild(graph);
graph.graphics.setStrokeStyle(3, "round", "round");
graph.graphics.beginStroke("#FF3366");
var interrupted = true;
for (n = -320; n <= 320; n++) {
	px = n;
	py = 120*Math.sin(n*RADIAN);
	//描画領域を制限
	if (-py > -LIMIT_HEIGHT && -py < LIMIT_HEIGHT) {
		if (interrupted) {
			graph.graphics.moveTo(px, -py);
		} else {
			graph.graphics.lineTo(px, -py);
		}
		//連続している
		interrupted = false;
	} else {
		//途切れた
		interrupted = true;
	}
}
graph.graphics.endStroke();