SVG, aka Scalable Vector Graphics, is a text markup language created in 2001.
#131on PLDB | 22Years Old | 6.4kUsers |
21Books | 4Papers | 27Repos |
Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files. Read more on Wikipedia...
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<svg width="240" height="100" viewBox="0 0 240 100" zoomAndPan="disable"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Hello World</title>
<g>
<text x="10" y="50">Hello World</text>
<animate attributeName='opacity' values='0;1' dur='4s' fill='freeze' begin="0s"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!-- Hello World in SVG -->
<svg width="240" height="100" viewBox="0 0 240 100" zoomAndPan="disable"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Hello World</title>
<g>
<text x="10" y="50">Hello World</text>
<animate attributeName='opacity' values='0;1' dur='4s' fill='freeze' begin="0s"/>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" ?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect x="25" y="25" width="200" height="200" fill="lime" stroke-width="4" stroke="pink" />
<circle cx="125" cy="125" r="75" fill="orange" />
<polyline points="50,150 50,200 200,200 200,100" stroke="red" stroke-width="4" fill="none" />
<line x1="50" y1="50" x2="200" y2="200" stroke="blue" stroke-width="4" />
</svg>
Feature | Supported | Token | Example |
---|---|---|---|
Comments | ✓ | ||
MultiLine Comments | ✓ | ||
Semantic Indentation | X | ||
Line Comments | X |
title | author | year | reviews | ratings | rating |
---|---|---|---|---|---|
Svg Programming: The Graphical Web | Kurt Cagle | 2002 | 1 | 4 | 4.50 |
Fundamentals of SVG Programming | Oswald Campesato | 2003 | 0 | 2 | 4.00 |
title | authors | year | publisher |
---|---|---|---|
SVG Essentials (O'Reilly XML) | Eisenberg, J. David | 2002 | O'Reilly Media |
Designing SVG Web Graphics | Watt, Andrew H. and Watt, Andrew H. | 2001 | Que Publishing |
SVG Essentials: Producing Scalable Vector Graphics with XML | Eisenberg, J. David and Bellamy-Royds, Amelia | 2014 | O'Reilly Media |
Building Web Applications with SVG (Developer Reference) | Dailey, David and Frost, Jon and Strazzullo, Domenico | 2012 | Microsoft Press |
Fundamentals of SVG Programming: Concepts to Source Code (Graphics Series) | Campesato, Oswald | 2003 | Charles River Media |
Building Web Applications with SVG (Developer Reference) | Dailey, David and Frost, Jon and Strazzullo, Domenico | 2012 | Microsoft Press |
SVG Programming: The Graphical Web | Cagle, Kurt | 2002 | Apress |
SVG For Designers: Using Scalable Vector Graphics in Next-Generation Web Sites (CLS.EDUCATION) | Binder, Kate | 2002 | McGraw-Hill/OsborneMedia |
SVG Animations | Sarah Drasner | 20170317 | O'Reilly Media, Inc. |
SVG Essentials | J. David Eisenberg | 20141022 | O'Reilly Media, Inc. |
Beginning SVG | Alex Libby | 20180906 | Springer Nature |
SVG Essentials | J. David Eisenberg; Amelia Bellamy-Royds | 20141022 | O'Reilly Media, Inc. |
SVG Programming | Kurt Cagle | 20080101 | Springer Nature |
SVG Text Layout | Amelia Bellamy-Royds; Kurt Cagle | 20151022 | O'Reilly Media, Inc. |
SVG Text Layout | Amelia Bellamy-Royds; Kurt Cagle | 20151022 | O'Reilly Media, Inc. |
SVG Colors, Patterns & Gradients | Amelia Bellamy-Royds; Kurt Cagle | 20151005 | O'Reilly Media, Inc. |
SVG Colors, Patterns & Gradients | Amelia Bellamy-Royds; Kurt Cagle | 20151005 | O'Reilly Media, Inc. |
Visualizing Information Using Svg and X3d: XML-Based Technologies for the XML-Based Web | Geroimenko and Vladimir and Chen and Chaomei | 2010 | Springer-Verlag New York, LLC |
Using SVG with CSS3 and HTML5 | Amelia Bellamy-Royds; Kurt Cagle; Dudley Storey | 20171017 | O'Reilly Media, Inc. |
title | authors | year | citations | influentialCitations |
---|---|---|---|---|
Sketch-n-Sketch: Output-Directed Programming for SVG | Brian Hempel and Justin Lubin and Ravi Chugh | 2019 | 39 | 2 |
Semi-Automated SVG Programming via Direct Manipulation | Brian Hempel and Ravi Chugh | 2016 | 35 | 1 |
SVG Programming: The Graphical Web | K. Cagle | 2002 | 14 | 1 |
Controlling the Movement of the Robot's Effector on the Plane Using the SVG Markup Language | K. Foit | 2013 | 14 | 0 |