javascript - createjs 文本元素在不同浏览器中的不同定位

Question

在 CreateJs 中，Firefox 呈现的文本对象的顶部位置与其他浏览器略有不同，而形状对象没有显示这种差异。

例如，

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 中此文本周围的其他图形，它会给出略微不同的顶部位置。有什么办法可以解决这个问题吗？

Answer 1

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