今天我学到你可以用SVG为GitHub README.md文件制作“GIF”
Hacker News 摘要原标题:TIL you can make "GIFs" with SVGs for GitHub README.md files
在这篇文章中,作者Vincent D. Warmerdam介绍了一种新颖的方法,可以用SVG制作类似GIF的动态图像,且可以在GitHub的README.md文件中使用。这种动态图像的文件大小仅为49Kb,但分辨率极高。作者强调,这种SVG动画与GIF不同,SVG利用内置的动画功能使图形动起来,具体包括以下几种动画方式:
• <animate>:在一定时间内对单个属性进行动画处理。
• <animateTransform>:对旋转、缩放、平移等变换进行动画处理。
• <animateMotion>:沿着路径移动元素。
要实现这一功能,需要使用asciinema和svg-term-cli工具。上传asciinema后,可以借助这个工具下载文件,并直接拖放到README中使用。作者表示自己在其项目bespoken中广泛使用这种技术,感到非常惊喜。