制作动态SVG，如Travis CI构建状态

Question

我正在尝试创建一个与Travis CI构建状态图标非常相似的SVG。

查看网址：

https://travis-ci.org/ddavison/sublime-tabs.svg?branch=master

URL指向SVG，但SVG似乎能够从其他来源提取信息，因此“传递”或“失败”消息。我该如何复制这个？

我尝试将浏览器伪装为<script>，并且只生成一个SVG，但这似乎不起作用。它只是在页面上呈现XML。 Travis是否有可能将.svg解析为其他脚本文件？

如何在实际向用户呈现SVG之前执行JavaScript？

Answer 1

我已经弄明白了。根据@DJDavid98的评论，我最终生成了图像服务器端。

以下是一个例子：

我最终使用Ruby来生成它，因为GitHub自述文件实际上不允许使用JavaScript！

亲自试试吧！生成一些按钮，供人们在github上为你的回购加注星标/分叉：

http://githubbadges.com