ngAfterViewInit() {
this.renderChar();
var stage = new createjs.Stage("analysisPath");
var circle1 = new createjs.Shape();
circle1.graphics.beginFill("#000").drawRect(0, 0, 200, 100);
circle1.x = 0;
circle1.y = 0;
stage.addChild(circle1);
var circle2 = new createjs.Shape();
circle2.graphics.beginFill("000").drawRect(0, 300, 200, 100);
circle2.x = 0;
circle2.y = 300;
stage.addChild(circle2);
var current = new createjs.Shape().set({x:100, y:circle1.y});
stage.addChild(current);
var w = circle2.x - circle1.x;
var h = circle2.y - circle1.y;
var l = Math.sqrt(w*w+h*h);
this.drawArrow(current, l);
current.rotation = Math.atan2(h,w) * 180/Math.PI;
stage.update();
}
drawArrow(arrow:any, length:number) {
arrow.graphics.clear().ss(3).s("#000").mt(0, 0);
var arrowSize = 15;
arrow.graphics.qt(0, 0, length, 0);
// Draw the arrow head at the end.
arrow.graphics.f("#000");
arrow.graphics.dp(length - arrowSize, 0, arrowSize, 3);
}