使用JavaScript获取字符串的像素长度

2018-06-24 17:58:36

这个问题在这里已经有了答案：

使用JavaScript 2答案获取字符串长度像素

在Javascript / jQuery中确定字符串的像素长度？ 7个答案

将文本放在<span>并使用JavaScript来测量<span>的宽度。

HTML：

<span id="text">Dummy text</span>

JavaScript的：

var textWidth = document.getElementById("text").clientWidth;

jQuery的：

$('#text').width();

您可以创建一些内联元素（例如span ），将您的字符串设置为元素的内容（ innerHTML ），将其插入到文档中（附加到某个元素）并获取它的宽度（ clientWidth ）。

没有其他方法可以测量像素的长度，因为它取决于字体样式。

由于字符串的像素长度将根据独立应用的CSS属性（如字体，重量和大小）而发生变化，因此我无法在JS中看到这种可能性。

链接地址: http://www.djcxy.com/p/69317.html