Difference between revisions of "SVG File Format Tips"
(→Tips) |
|||
| Line 8: | Line 8: | ||
SVG's can also be interactive or animated.<br><br> | SVG's can also be interactive or animated.<br><br> | ||
| − | < | + | <p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> </p> |
<br> | <br> | ||
==Tips == | ==Tips == | ||
| Line 57: | Line 57: | ||
{{Template:Footer}} | {{Template:Footer}} | ||
<br> | <br> | ||
| − | < | + | <p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> </p> |
{{Template:Ideas into reality}} | {{Template:Ideas into reality}} | ||
Revision as of 20:03, 2 February 2024
SVG stands for Scalable Vector Graphics, a document format to reproduce 2D graphics.
Scalable means the graphics can be scaled in size (made larger) without loss of quality. This is not true with raster graphics.
SVG's are usually generated from "drawing" software such as Inkscape or Adobe Illustrator.
However, SVG files can even be generated manually or programmatically.
SVG's can also be interactive or animated.
Tips
- Links to external sites:
SVG — on Wikipedia
Help:SVG — at Wikimedia Commons
Training — PPM Trainer(s) needed
PPM announces all its Upcoming events, including classes, on Meetup
- Software at PPM to preview SVG:
- all web browsers (Brave, Google Chrome, Microsoft Edge, and Mozilla Firefox)
- Software at PPM to open (Import) SVG:
- Inkscape, Adobe Illustrator, LightBurn, Blender
- VCarve(?)
- Software at PPM that accepts pasting SVG:
- Adobe Illustrator
- Software at PPM that saves (Save As, Export) SVG:
- Inkscape (The native file format of Inkscape is .svg)
- Adobe Illustrator, CorelDRAW
- Additionally, OpenStreetMap can save images as SVG
- Live code in SVG with Visual Studio Code and the third party extension "SVG"
Related Pages
Links to related PPM Wiki pages:
Curated Links
Links to member-recommended external sites:
- Getting Started with SVG — at mdn web docs
- CodePen — build, test, and discover front-end code.
- SVG Files Basics — at Shaper Tools
- SVG can do THAT?! — by Sarah Drasner
- OpenStreetMap — the free wiki world map.
- Rubik's_cube_almost_solved.svg — on Wikimedia Commons
- svg files at Shaper|Hub
For Additional Help
- Use the PPM Slack channel #computing
- List of all PPM Slack channels
- Note that we have a Slack channel (#job-board) for members to post, discuss, or accept job opportunities either within PPM or from the community.
- PPM Tool Color Map — Interactive
- Search the PPM Wiki — include both Content pages and Multimedia
- Contact Us if you cannot find your answer here on our Wiki, or if you notice something is outdated.
Pikes Peak Makerspace (PPM) is dedicated to supporting our maker community in their creative processes by providing shared space, shared tools, materials, software and a knowledge base to turn their ideas into reality.