createjs的文本元素在不同浏览器中的不同定位答案

【问题标题】：Different positonining of text element of createjs in different browserscreatejs的文本元素在不同浏览器中的不同定位
【发布时间】：2014-04-14 13:14:11
【问题描述】：

在CreateJs中firefox渲染给其他浏览器的文本对象顶部位置略有不同，而shapes对象没有显示出这种差异。

例如，

this.text = new cjs.Text("Click to Start", '500 47px Hel');
this.text.textAlign = "center";
this.text.lineHeight = 110;
this.text.lineWidth = 289;
this.text.setTransform(119.5, 5);

相对于 Firefox 或 chrome 中围绕该文本的其他图形，它会给出稍微不同的顶部位置。有没有办法解决这个问题？

【问题讨论】：

您可能已经实现了一个简单的浏览器嗅探器，并进行了特定于浏览器的更改。
我没有尝试任何特定于浏览器的东西。我对该主题进行了研究，发现在 mozilla 中的文本定位与在其他浏览器中相比存在大约 7 px 的差异。我的代码太长（上面提到的只是其中的一小部分）。因此，如果我尝试检测浏览器并更改定位，这将是一个耗时的过程，所以如果有其他任何人可以提出建议，那将是一个很大的帮助。

标签： javascript easeljs createjs

【解决方案1】：

如果您的文本是静态的（按钮文本在整个游戏/应用程序中不会更改），那么您可以决定将按钮设为图像。 CreateJS 画布无论如何都是图像，因此在视觉上应该没有任何区别。

【讨论】：