html - 如何跨浏览器实现文本元素的像素完美定位和间距？

Question

现在，我们正在尝试在 Mac 和 Windows 上的 Safari/Chrome/Firefox/IE 上实现 textarea 元素的一致格式。我相信这可能是一个兔子洞，因为它们的任何组合都可能以略有不同的方式生成格式 - 也许一种组合在这里以不同于其他方式的方式向 div 添加了一些填充，另一种组合以不同于其他方式的方式打破了多行文本其他的等等。

除了使用 textarea(或 div)元素，我们能否使用 HTML5 的 canvas 实现像素完美定位？或者使用 Raphael JavaScript 库？或者其他一些 JS 库？

主要是，像素完美，我的意思是任何任意文本都应该在上述任何浏览器中以完全相同的方式呈现(尤其是关于换行符和填充)。

(目前我宁愿避免使用基于 Flash 的解决方案，除非那是唯一解决方案...)

Answer 1

将文本发送到服务器，让服务器渲染图像，显示图像。瞧。