如何在Html5中使用createjs Framework获取图形对象宽度

时间:2013-06-26 10:38:13

标签: html5 html5-canvas easeljs createjs

如何使用createjs或easeljs获取图形对象宽度或文本宽度。

Graphics Obj : 

var myShape = new createjs.Shape();
myShape .graphics.beginStroke("#FFFFFF");
myShape .graphics.setStrokeStyle(5);
myShape .graphics.beginFill("#C1272D").drawRect(0, 0, gameStage.canvas.width - 10, 40);
stage.addChild(myShape);

Text Field :

var textF = new createjs.Text("Time Left.. Do it Fast", "20px Arial", "#FFFFFF");
stage.addChild(textF);

如何检索textF和myShape的尺寸(宽度和高度)?

1 个答案:

答案 0 :(得分:0)

(目前)无法获得Shape的计算方式,在JavaScript中实现此方法会慢下来。

可以通过getMeasuredWidth()getMeasuredHeight()检索文字的尺寸 http://www.createjs.com/Docs/EaselJS/classes/Text.html