- 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
This project is deployed as a lambda function responding to requests at 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 |