这是一个创建于 2138 天前的主题，其中的信息可能已经有所发展或是发生改变。
需求
- 容器高度=文字高度(line-height)
- 需要文字宽度超过容器宽度时，文字变窄，适配容器。
- 文字长度未达到容器宽度时，正常显示。
方案
- font-stretch 没有浏览器支持，算了。
- transform scale 应该是可行的。但要知道文字具体宽度有点麻烦。
请问
- 有没有什么更完美的写法？
 |
1
newbieRenew 2019-01-22 19:08:03 +08:00 via iPhone
可以用 svg text 实现。至于优雅，emmm
|
 |
2
yixiang 2019-01-22 19:08:48 +08:00
canvas 自己画
|
 |
3
66beta 2019-01-22 19:12:52 +08:00 via Android
横向拉伸是把字变胖的意思？
|
 |
4
JCZ2MkKb5S8ZX9pq OP @66beta 变瘦，宽度小于容器不变胖。
|
|
5
JCZ2MkKb5S8ZX9pq OP @yixiang 我也觉得不行就只能 canvas 了，不过不知道小程序里支持得怎么样。还有一种更傻的方法嘛，我本地把所有文字生成一遍图片，直接调用图片去拉伸。
|
|
6
66beta 2019-01-23 08:58:20 +08:00 via Android
@JCZ2MkKb5S8ZX9pq 不管变瘦还是变胖都会丑，为什么要这么做呢
|
|
7
JCZ2MkKb5S8ZX9pq OP |
Select Language