需求
- 容器高度=文字高度(line-height)
- 需要文字宽度超过容器宽度时，文字变窄，适配容器。
- 文字长度未达到容器宽度时，正常显示。
方案
- font-stretch 没有浏览器支持，算了。
- transform scale 应该是可行的。但要知道文字具体宽度有点麻烦。
请问
- 有没有什么更完美的写法？
This topic created in 2696 days ago, the information mentioned may be changed or developed.
 |
1
newbieRenew Jan 22, 2019 via iPhone
可以用 svg text 实现。至于优雅，emmm
|
 |
2
yixiang Jan 22, 2019
canvas 自己画
|
 |
3
66beta Jan 22, 2019 via Android
横向拉伸是把字变胖的意思？
|
 |
4
JCZ2MkKb5S8ZX9pq OP @66beta 变瘦，宽度小于容器不变胖。
|
|
5
JCZ2MkKb5S8ZX9pq OP @yixiang 我也觉得不行就只能 canvas 了，不过不知道小程序里支持得怎么样。还有一种更傻的方法嘛，我本地把所有文字生成一遍图片，直接调用图片去拉伸。
|
|
6
66beta Jan 23, 2019 via Android
@JCZ2MkKb5S8ZX9pq 不管变瘦还是变胖都会丑，为什么要这么做呢
|
|
7
JCZ2MkKb5S8ZX9pq OP |
Select Language