90 likes | 105 Views
Discover the basics of Scalable Vector Graphics (SVG) and how to create them. SVG is an open, XML-based format for vector graphics that allows images to maintain quality when resized. Learn about basic shapes, SVG embedding in HTML, creating SVGs, and available SVG libraries for Delphi. Explore more at https://www.w3schools.com/graphics/svg_intro.asp.
E N D
SVG – The Basics ADUG Melbourne, 18 MARCH 2019 Tony Bryer, Greentram Software
What is SVG? Scalable Vector Graphics (SVG) is an open, industry-standard XML-based format for vector graphics developed by the W3C. • Scaleable – images maintain their quality when resized • Vector– images are defined by a sequence of instructions • XML so can be searched and indexed
Basic shapes • rect[angle] • circle • ellipse • line • polyline • polygon • path • + text
W3C SVG tutorial • https://www.w3schools.com/graphics/svg_intro.asp
SVG can be embedded in HTML • https://www.w3schools.com/graphics/tryit.asp?filename=trysvg_polygon
Creating SVGs • Simple SVGs are easy to code • Many graphics programs can produce SVGs – Inkscape, inkscape.org is open source • In some applications producing SVGs with placeholders may be a good answer
Delphi and SVG • Various SVG libraries exist (not tried by me): • Delphi SVG : A$80 • Riversoft SVG: www.riversoftavg.com A$93 • SVG Magic: svgmagic.io A$140 • .. and others
SVGs from scratch • Subset of SVG delivers what I need