如何使用Javascript获取多行文本的行宽

// 创建隐藏的DOM元素
var hiddenElement = document.createElement('div');
hiddenElement.style.visibility = 'hidden';
hiddenElement.style.position = 'absolute';
hiddenElement.style.whiteSpace = 'pre-wrap';

// 将要计算行宽的文本内容赋值给隐藏的DOM元素
var text = "这是一段多行文本\n这是第二行\n这是第三行";
hiddenElement.textContent = text;

// 获取隐藏的DOM元素的样式属性
var computedStyle = window.getComputedStyle(hiddenElement);

// 将隐藏的DOM元素的样式属性应用到实际显示文本的DOM元素上
var actualElement = document.getElementById('actualElement');
actualElement.style.font = computedStyle.font;
actualElement.style.fontSize = computedStyle.fontSize;
actualElement.style.fontFamily = computedStyle.fontFamily;

// 使用隐藏的DOM元素的offsetWidth属性获取文本的行宽
var lineWidth = hiddenElement.offsetWidth;

console.log("文本的行宽为：" + lineWidth + "px");