Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/g-harel/svgsaurus

svg generation by query string
https://github.com/g-harel/svgsaurus

generator query-params svg

Last synced: about 3 hours ago
JSON representation

svg generation by query string

Awesome Lists containing this project

README

        

![svgsaurus](https://user-images.githubusercontent.com/9319710/43561245-2f4bb106-95e4-11e8-814e-25b2ddd87bff.png)

![λ](https://svgsaur.us?t=λ&h=40&w=24&y=29&s=28&c=999&o=b) ![svgsaurus](https://svgsaur.us?s=34&o=b&h=40&y=30&c=222) ![](https://svgsaur.us?t=&w=1&h=52)

![](https://svgsaur.us?t=&w=888&h=2&b=5ac2bc)

![](https://svgsaur.us?t=&w=5&h=32&b=5ac2bc)![](https://svgsaur.us/?t=svg_generation_by_query_string&w=240&h=32&s=16&y=21&x=12&b=f8f8f8&f=arial) ![](https://svgsaur.us?t=&w=1&h=48&)

* Live editing of output image using query params
* Fine-grained control over font's size, color, family, etc.
* Easily control padding and position of text
* Use background color to generate colorful accents
* Precisely position content with spacer images

## Usage ![](https://svgsaur.us?t=&w=1&h=40)

This project is deployed as a [lambda function](https://aws.amazon.com/lambda/) responding to requests at [svgsaur.us](https://svgsaur.us).

Use the url's query string to customize the generated svg image.


param
description
default
example
result


t
text content
svgsaurus
https://svgsaur.us?t=abc123



s
font size
55
https://svgsaur.us?s=140



h
box height
60
https://svgsaur.us?h=30



w
box width
265
https://svgsaur.us?w=110



x
horizontal offset
5
https://svgsaur.us?x=40



y
vertical offset
46
https://svgsaur.us?y=10



f
font family
arial
https://svgsaur.us?f=impact



c
font color
000000
https://svgsaur.us?c=5ac2bc



b
box color
 
https://svgsaur.us?b=5ac2bc



o
options
 
https://svgsaur.us?o=biu



r
replacement
_
https://svgsaur.us?r=s

## License

[MIT](./LICENSE)

 

![made with computer](https://svgsaur.us/?t=Made_with_💻_by_✋&o=b&b=f8f8f8&s=20&w=888&h=260&x=360&y=135)