Kurt Cagle

Unlike other image formats, SVG can be an interactive part of your web site, integrated in HTML5 markup or created dynamically using JavaScript. It can be styled by CSS to instantly adapt to changes in your site's design. Flexible metadata options can make the graphics accessible to screen readers and search engines. And it is always displayed at the highest resolution possible, without requiring larger file sizes, making it ideal for both widescreen desktop displays and Retina mobile… Show more

Unlike other image formats, SVG can be an interactive part of your web site, integrated in HTML5 markup or created dynamically using JavaScript. It can be styled by CSS to instantly adapt to changes in your site's design. Flexible metadata options can make the graphics accessible to screen readers and search engines. And it is always displayed at the highest resolution possible, without requiring larger file sizes, making it ideal for both widescreen desktop displays and Retina mobile devices.
Using SVG with CSS3 and HTML5 starts with the basics, explaining how simple shapes and icons are defined in SVG, and then builds upon that foundation to create complex graphics and interactive, animated applications. It covers all the features you're likely to come across in web design, while avoiding areas with poor browser support. Show less

By Kurt Cagle, Amelia Bellamy-Royds
Publisher: O'Reilly Media
Release Date: October 2015
Pages: 232
Read on Safari with a 10-day trial
Start your free trial
Buy on Amazon
Where’s the cart? Now you can get everything on Safari. To purchase books, visit Amazon or your favorite retailer. Questions? See our FAQ or contact customer service:
1-800-889-8969 / 707-827-7019
support@oreilly.com
Download Example Code
View/Submit Errata
Scalable Vector Graphics (SVG) is… Show more

By Kurt Cagle, Amelia Bellamy-Royds
Publisher: O'Reilly Media
Release Date: October 2015
Pages: 232
Read on Safari with a 10-day trial
Start your free trial
Buy on Amazon
Where’s the cart? Now you can get everything on Safari. To purchase books, visit Amazon or your favorite retailer. Questions? See our FAQ or contact customer service:
1-800-889-8969 / 707-827-7019
support@oreilly.com
Download Example Code
View/Submit Errata
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:
The SVG text and tspan elements, and basic attributes for positioning simple text labels within a graphic
SVG’s fill and stroke properties for controlling text’s visual appearance
Complex text layouts, using formatted poetry as examples
Features to set the position and orientation of individual text characters
Multidirectional text, including right-to-left horizontal text and vertical text
Curved or complex text layouts with the textPath element
Font options for your SVG, including web fonts, and their impact on text layout Show less

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… Show more

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. Show less

XQuery Kick Start delivers a concise introduction to the XQuery standard, and useful implementation advice for developers needing to put it into practice. The book starts by explaining the role of XQuery in the XML family of specifications, and its relationship with XPath. The authors then explain the specification in detail, describing the semantics and data model, before moving to examples using XQuery to manipulate XML databases and document storage systems. Later chapters discuss Java… Show more

XQuery Kick Start delivers a concise introduction to the XQuery standard, and useful implementation advice for developers needing to put it into practice. The book starts by explaining the role of XQuery in the XML family of specifications, and its relationship with XPath. The authors then explain the specification in detail, describing the semantics and data model, before moving to examples using XQuery to manipulate XML databases and document storage systems. Later chapters discuss Java implementations of XQuery and development tools that facilitate the development of Web sites with XQuery. This book is up to date with the latest XQuery specifications, and includes coverage of new features for extending the XQuery language. Show less

Leading expert Kurt Cagle gives a complete guide to the creation of powerful Scalable Vector Graphics (SVG). Intermingling SVG instruction with insightful discussion of key topics such as coordinate systems and attributes, transformations, animation, and image generation, readers are provided with a comprehensive guide to making the most of this exciting new Web standard.
Cagle goes directly into the heart of SVG development after a brief introduction of the SVG standard. Readers are… Show more

Leading expert Kurt Cagle gives a complete guide to the creation of powerful Scalable Vector Graphics (SVG). Intermingling SVG instruction with insightful discussion of key topics such as coordinate systems and attributes, transformations, animation, and image generation, readers are provided with a comprehensive guide to making the most of this exciting new Web standard.
Cagle goes directly into the heart of SVG development after a brief introduction of the SVG standard. Readers are presented with an overview of SVG fundamentals and usage and given numerous examples as a practical introduction to language implementation. This material sets the stage for later chapters, which expand upon this basic material to introduce integral SVG concepts such as transformations, shapes, text manipulation, and the incorporation of images, gradients, patterns and masks. The final chapters demonstrate the true power of SVG, offering insight into animation, interactivity, filters, and automated graphic generation. Show less