相关疑难解决方法(0)

无需渲染即可测量文本宽度/高度

有没有办法在不渲染实际元素的情况下估算文本宽度?像canvas TextMetrics这样的东西?

案例:我需要估算ReactList的元素高度.要做到这一点,我需要大致知道文本元素需要多少空间(或者它们将跨越多少行).

例如.

render(){
    return <div><SomeComponentWithKnownDims/><p>{this.props.someText}</p></div>;
}
Run Code Online (Sandbox Code Playgroud)

如果我知道someText会被渲染到一条线上有多宽以及线条的长度,我可以很容易地得出一个合适的元件高度估计值.

编辑:请注意,这是非常重要的性能,不应该触及DOM

html javascript text dimension reactjs

20
推荐指数
1
解决办法
2万
查看次数

标签 统计

dimension ×1

html ×1

javascript ×1

reactjs ×1

text ×1