推动浏览器排版渲染的边界!
A JavaScript 库,其目标是完成一项简单的任务:绘制和动画最完美、最有趣的文本下划线
该项目目前正在开发中。
如果您有 8 分钟时间,想了解创建 underline.js 的背后的故事,可以在以下 NY Tech Meetup 演示视频 中听到详细介绍。
Underline.js 具有以下特性:
它没有鬼像素。它不仅像素完美,而且在视网膜显示器上,像素级别也非常完美。
具有优化的薄笔画宽度,始终为周期标记宽度的 1/6。
它坐落在基线和下降线之间的最佳 Y 位置上,这个最佳 Y 位置是黄金比例点。 4. 它在下降线周围有孔。完全尊重字体的形状。如果您要求,孔的大小也经过优化。
text-underline-skip: true; // 设置下降线周围的孔,值为 true 表示开启,值为 false 表示关闭
http://wentin.github.io/underlineJS/
Marcin Wichary's article on crafting Medium.com's underline
Tweets
technical.ly article
codrops collective
unheap.com
暂无开放 Issues,或尚未同步最近议题。