今天我学到你可以用SVG为GitHub README.md文件制作“GIF”

今天我学到你可以用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>:沿着路径移动元素。

要实现这一功能,需要使用asciinemasvg-term-cli工具。上传asciinema后,可以借助这个工具下载文件,并直接拖放到README中使用。作者表示自己在其项目bespoken中广泛使用这种技术,感到非常惊喜。


原文:https://koaning.io/posts/svg-gifs/

评论:https://news.ycombinator.com/item?id=44498133

Report Page