Learn the essentials of Scalable Vector Graphics, the mark-up language used by most vector drawing programs and interactive web graphics tools. SVG Essentials takes you through SVG’s capabilities, beginning with simple line drawings and moving through complicated features such as filters, transformations, gradients, and patterns.
This thoroughly updated edition includes expanded coverage of animation, interactive graphics, and scripting SVG. Interactive examples online make it easy for you to experiment with SVG features in your web browser. Geared toward experienced designers, this book also includes appendices that explain basic concepts such as XML markup and CSS styling, so even if you have no web design experience, you can start learning SVG.
<ul>
<li>Create and style graphics to match your web design in a way that looks great when printed or displayed on high-resolution screens</li>
<li>Make your charts and decorative headings accessible to search engines and assistive technologies</li>
<li>Add artistic effects to your graphics, text, and photographs using SVG masks, filters, and transformations</li>
<li>Animate graphics with SVG markup, or add interactivity with CSS and JavaScript</li>
<li>Create SVG from existing vector data or XML data, using programming languages and XSLT</li>
</ul>

SVG Essentials: Producing Scalable Vector Graphics with XML

Computers & Technology

Eisenberg, J. David

Bellamy-Royds, Amelia

Web Development & Design

O'Reilly Media

Using Scalable Vector Graphics (SVG) for illustrations only scratches the surface of this format’s potential on the web. With this practical guide, you’ll learn how to use SVG not only for illustrations but also as graphical documents that you can integrate into complex HTML5 web pages, and style with custom CSS. Web developers will discover ways to adapt designs by adding data based graphics, dynamic styles, interaction, or animation.
Divided into five parts, this book includes:
<ul>
<li>SVG on the web: Understand how SVG works with HTML, CSS, and JavaScript to define graphics</li>
<li>Drawing with markup: Learn the vector language of x and y coordinates that let SVG create basic and custom shapes</li>
<li>Putting graphics in their place: Use the coordinate system to draw SVG shapes and text at different scales and positions</li>
<li>Artistic touches: Explore how color is used, how strokes are created and manipulated, and how graphical effects like filters, clipping, and masking are applied</li>
<li>SVG as an application: Make your graphic more accessible to humans and computers, and learn how to make it interactive or animated</li>
</ul>

Using SVG with CSS3 and HTML5: Vector Graphics for Web Design

Cagle, Kurt

Storey, Dudley

As a vector graphics format, SVG uses precisely-defined geometric shapes to build an image. But that doesn't mean that SVG graphics have to look like technical drawings. SVG graphics can be shaded, textured, built from partially-transparent overlapping layers, or even filled with photographic images.SVG Colors, Patterns, and Gradients takes an in-depth look at the different ways SVG text and shapes can be painted on the screen or page. You’ll start with an overview of how color is defined, including the various ways you can control the transparency of SVG content. You’ll then dive deep into the concept of an SVG paint server: gradients, patterns, and other complex graphical content that can be used to fill-in or outline other SVG shapes and text.

SVG Colors, Patterns & Gradients: Painting Vector Graphics

Scalable Vector Graphics (SVG) is an image format, so text isn’t the first thing you might think of when considering its uses. But one of SVG’s key features is its ability to encode text in a machine-readable form. This book takes a deep dive into the use of text within SVG to explore the creative possibilities as well as the potential pitfalls. You’ll start with SVG’s text basics, and then learn methods for using SVG to generate complex layouts.
If you’re an intermediate SVG developer familiar with CSS-styled HTML text, you’re ready to get going. This book covers:
<ul>
<li>The SVG text and tspan elements, and basic attributes for positioning simple text labels within a graphic</li>
<li>SVG’s fill and stroke properties for controlling text’s visual appearance</li>
<li>Complex text layouts, using formatted poetry as examples</li>
<li>Features to set the position and orientation of individual text characters</li>
<li>Multidirectional text, including right-to-left horizontal text and vertical text</li>
<li>Curved or complex text layouts with the textPath element</li>
<li>Font options for your SVG, including web fonts, and their impact on text layout</li>
</ul>

SVG Text Layout: Words as Art

See the best price to sell, buy, or rent books by Bellamy-Royds, Amelia. BookScouter helps to compare book prices from 25+ online bookstores and 30+ buyback vendors with a single search.

Books by Bellamy-Royds, Amelia

See the best price to sell, buy, or rent books by Bellamy-Royds, Amelia. BookScouter helps to compare book prices from 25+ online bookstores and 30+ buyback vendors with a single search.

SVG Essentials: Producing Scalable Vector Graphics with XML

Using SVG with CSS3 and HTML5: Vector Graphics for Web Design

SVG Colors, Patterns & Gradients: Painting Vector Graphics

SVG Text Layout: Words as Art