CreateJS Text Underline

HTML

<script src="https://code.createjs.com/createjs-2015.05.21.combined.js"></script>
<canvas id="test" width="500" height="600"></canvas>

JavaScript

var c = createjs;

var stage = new c.Stage("test");

var text = new c.Text("eggy", "48pt Arial").set({x:100, y:100});
text.textBaseline = "alphabetic";
var w = text.getMeasuredWidth();

var underline = new c.Shape();
// the 0.5 makes the line sharp:
underline.graphics.s("black").mt(text.x, text.y+20).lt(text.x+w, text.y+20);

stage.addChild(text, underline);

c.Ticker.on("tick", stage);