90 likes | 95 Views
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
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