📏 JS 计算文字宽度

function getTextWidthByCanvas(text, font) { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); ctx.font = font; // 如 '16px Arial' return ctx.measureText(text).width; }

function getTextWidthByDOM(text, style = {}) { const span = document.createElement('span'); span.style.visibility = 'hidden'; span.style.position = 'absolute'; span.style.whiteSpace = 'nowrap'; Object.assign(span.style, style); span.textContent = text; document.body.appendChild(span); const width = span.offsetWidth; document.body.removeChild(span); return width; }