Make dynamic SVG like Travis CI build status
ddavison
I'm trying to create an SVG that works much like the Travis CI build status icon.
Looking at the url:
https://travis-ci.org/ddavison/sublime-tabs.svg?branch=master
The URL points to an SVG, but the SVG seems to be able to pull information from another source, hence the "passing" or "failing" message.. How can I replicate this?
I've tried faking the browser by making it a <script>, and just generating an SVG, but that doesn't seem to work. It just renders XML on the page. Is it possible that Travis has a rule that parses .svg as some other script file?
How can I execute JavaScript before i actually render the SVG to the user?
ddavison
I've figured it out. Per @DJDavid98 's comment, I ended up generating the image server side.
Here's an example:
I ended up using Ruby to generate it as JavaScript actually is not allowed on a GitHub Readme!
Try it yourself! Generate some buttons for people to star/fork your repo on github:
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: NoClassDefFoundError org.springframework.orm.hibernate4.HibernateTemplate$35
- Next: Angular.js ie ajax request issue
Related
TOP Ranking
- 1
Failed to listen on localhost:8000 (reason: Cannot assign requested address)
- 2
How to import an asset in swift using Bundle.main.path() in a react-native native module
- 3
Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)
- 4
pump.io port in URL
- 5
Spring Boot JPA PostgreSQL Web App - Internal Authentication Error
- 6
BigQuery - concatenate ignoring NULL
- 7
ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3
- 8
Do Idle Snowflake Connections Use Cloud Services Credits?
- 9
maven-jaxb2-plugin cannot generate classes due to two declarations cause a collision in ObjectFactory class
- 10
Compiler error CS0246 (type or namespace not found) on using Ninject in ASP.NET vNext
- 11
Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background
- 12
Generate random UUIDv4 with Elm
- 13
Jquery different data trapped from direct mousedown event and simulation via $(this).trigger('mousedown');
- 14
Is it possible to Redo commits removed by GitHub Desktop's Undo on a Mac?
- 15
flutter: dropdown item programmatically unselect problem
- 16
Change dd-mm-yyyy date format of dataframe date column to yyyy-mm-dd
- 17
EXCEL: Find sum of values in one column with criteria from other column
- 18
Pandas - check if dataframe has negative value in any column
- 19
How to use merge windows unallocated space into Ubuntu using GParted?
- 20
Make a B+ Tree concurrent thread safe
- 21
ggplotly no applicable method for 'plotly_build' applied to an object of class "NULL" if statements
Comments