Difference between revisions of "SVG File Format Tips"
(→Tips) |
|||
| Line 21: | Line 21: | ||
*Software at PPM that saves (Save As, Export) SVG: | *Software at PPM that saves (Save As, Export) SVG: | ||
::Inkscape, Adobe Illustrator, Corel Draw | ::Inkscape, Adobe Illustrator, Corel Draw | ||
| + | ::Additionally, OpenStreetMap can save images as SVG | ||
*Live code in SVG with Visual Studio Code and the third party extension "SVG" | *Live code in SVG with Visual Studio Code and the third party extension "SVG" | ||
| Line 48: | Line 49: | ||
:[https://www.youtube.com/watch?v=4laPOtTRteI '''SVG can do THAT?!'''] — by [https://sarahdrasnerdesign.com/ '''Sarah Drasner'''] | :[https://www.youtube.com/watch?v=4laPOtTRteI '''SVG can do THAT?!'''] — by [https://sarahdrasnerdesign.com/ '''Sarah Drasner'''] | ||
:'''[https://codepen.io/ CodePen]''' — build, test, and discover front-end code. | :'''[https://codepen.io/ CodePen]''' — build, test, and discover front-end code. | ||
| + | :'''[https://support.shapertools.com/hc/en-us/articles/115002735274-SVG-Files-Basics SVG Files Basics]''' -- at Shaper Tools | ||
==Other Fun Stuff== | ==Other Fun Stuff== | ||
Links to external sites: | Links to external sites: | ||
:'''[[commons:File:Rubik's_cube_almost_solved.svg|Rubik's_cube_almost_solved.svg]] — on Wikimedia Commons''' | :'''[[commons:File:Rubik's_cube_almost_solved.svg|Rubik's_cube_almost_solved.svg]] — on Wikimedia Commons''' | ||
| + | :'''[https://hub.shapertools.com/search?search=svg svg files at Shaper|Hub]''' | ||
{{Template:Footer}} | {{Template:Footer}} | ||
<br> | <br> | ||
Revision as of 19:46, 19 July 2023
Pikes Peak Makerspace (PPM) is dedicated to supporting our maker community in their creative process by providing shared space, shared tools, software, materials and a knowledge base to turn their ideas into reality.
SVG stands for Scalable Vector Graphics, a document format to reproduce 2D graphics.
Scaleable 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
The native file format of Inkscape is .svg
- Software at PPM that previews SVG:
- all web browsers (Brave, Edge, Chrome, Firefox)
- Software at PPM that opens (Imports) SVG:
- Inkscape, Adobe Illustrator, LightBurn, Blender, VCarve(?)
- Software at PPM that saves (Save As, Export) SVG:
- Inkscape, Adobe Illustrator, Corel Draw
- Additionally, OpenStreetMap can save images as SVG
- Live code in SVG with Visual Studio Code and the third party extension "SVG"
Training — PPM Trainer(s) needed
Pikes Peak Makerspace announces its Upcoming events, including classes, on Meetup
Links to external sites:
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.
See Also
Links to other PPM Wiki pages:
Curated Links
Links to external sites:
- SVG can do THAT?! — by Sarah Drasner
- CodePen — build, test, and discover front-end code.
- SVG Files Basics -- at Shaper Tools
Other Fun Stuff
Links to external sites:
- Rubik's_cube_almost_solved.svg — on Wikimedia Commons
- svg files at Shaper|Hub
Search the PPM Wiki — include Content pages as well as Multimedia.
Contact Us if you cannot find your answer here on our Wiki or if you notice any information that is outdated.