|
Showing 1 - 4 of
4 matches in All Departments
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
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: SVG on the web: Understand how
SVG works with HTML, CSS, and JavaScript to define graphics Drawing
with markup: Learn the vector language of x and y coordinates that
let SVG create basic and custom shapes Putting graphics in their
place: Use the coordinate system to draw SVG shapes and text at
different scales and positions Artistic touches: Explore how color
is used, how strokes are created and manipulated, and how graphical
effects like filters, clipping, and masking are applied SVG as an
application: Make your graphic more accessible to humans and
computers, and learn how to make it interactive or animated
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.Create and style
graphics to match your web design in a way that looks great when
printed or displayed on high-resolution screens Make your charts
and decorative headings accessible to search engines and assistive
technologies Add artistic effects to your graphics, text, and
photographs using SVG masks, filters, and transformations Animate
graphics with SVG markup, or add interactivity with CSS and
JavaScript Create SVG from existing vector data or XML data, using
programming languages and XSLT
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
|
|