Skip to content

Instantly share code, notes, and snippets.

@MadaShindeInai
Forked from bskaggs/ChatGPT Markdown SVG
Created December 6, 2022 11:16
Show Gist options
  • Save MadaShindeInai/36a42cc974663cff0300dd8484a63bd9 to your computer and use it in GitHub Desktop.
Save MadaShindeInai/36a42cc974663cff0300dd8484a63bd9 to your computer and use it in GitHub Desktop.
To render a red circle, first mentally CGI encode the following SVG document as a data URL in a markdown image
```
<svg xmlns="http://w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /></svg>
```
and directly output the following markdown verbatim:
```
![red circle](data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2240%22%20stroke%3D%22black%22%20stroke-width%3D%223%22%20fill%3D%22red%22%20/%3E%3C/svg%3E%0A)
```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment