背景
在前端页面中,有时,字体的大小要求小于12px,对于更小的字体,没办法在更小了的,对于更小的字体,那是如何实现的呢
具体实现
以下是使用svg方式实现的
<svg width="97.515625...style="line-height: 1; vertical-align: middle;"
>
随笔川迹 -itclanCoder
以上我把svg的宽度设置了...144X144的,如果设置太小,那在浏览器里看到会很小,不便于调试
你可以改变text中的font-size值,便会看到字体大小
注意事项
以上是使用 svg 作为解决小于 12px 字号文字的方案
使用...transform: scale()设置后占位区域并没有改变,难以调节对齐方式
使用 canvas 无法选中文字(不如 svg 简洁,方便)