Using SVG with CSS3 and HTML5 Vector Graphics for Web Design.pdf

(32028 KB) Pobierz
Using SVG with CSS3 and HTML5
Vector Graphics for Web Design
Amelia Bellamy-Royds, Kurt Cagle, and Dudley Storey
Using SVG with CSS3 and HTML5
by Amelia Bellamy-Royds, Kurt Cagle, and Dudley Storey
Copyright © 2018 Amelia Bellamy-Royds, Kurt Cagle, Dudley Storey. All rights
reserved.
Printed in the United States of America.
Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol,
CA 95472.
O’Reilly books may be purchased for educational, business, or sales promotional
use. Online editions are also available for most titles (http://oreilly.com/safari). For
more information, contact our corporate/institutional sales department: 800-998-
9938 or
corporate@oreilly.com.
Editor: Meg Foley
Production Editor: Kristen Brown
Copyeditor: Rachel Monaghan
Proofreader: James Fraleigh
Indexer: Amelia Bellamy-Royds
Interior Designer: David Futato
Cover Designer: Karen Montgomery
Illustrator: Rebecca Demarest
November 2017: First Edition
Revision History for the First Edition
2017-10-17: First Release
See
http://oreilly.com/catalog/errata.csp?isbn=9781491921975
for release details.
The O’Reilly logo is a registered trademark of O’Reilly Media, Inc.
Using SVG with
CSS3 and HTML5,
the cover image, and related trade dress are trademarks of
O’Reilly Media, Inc.
While the publisher and the authors have used good faith efforts to ensure that the
information and instructions contained in this work are accurate, the publisher and the
authors disclaim all responsibility for errors or omissions, including without
limitation responsibility for damages resulting from the use of or reliance on this
work. Use of the information and instructions contained in this work is at your own
risk. If any code samples or other technology this work contains or describes is
subject to open source licenses or the intellectual property rights of others, it is your
responsibility to ensure that your use thereof complies with such licenses and/or
rights.
978-1-491-92197-5
[LSI]
Preface
Scalable Vector Graphics (SVG to its friends) has many applications. It is used by
graphic designers and by technical drafters. But this book is specifically about its use
in web design and development.
Using SVG with CSS3 and HTML5
is, essentially, using SVG on the web. But more
than that, it’s about using SVG in complex web applications. This is SVG not only as
illustrations, but as graphical documents that can be integrated in HTML web pages,
and styled with custom CSS. Many chapters will be useful to designers creating
images for the web, but the focus is on developers who are adapting designs to add
data-based graphics, dynamic styles, interaction, or animation.
A Winding Path
This book traces its origins to 2011, when Kurt started work on a book called
HTML5 Graphics with SVG and CSS3.
At the time, HTML5 and CSS3 were brand
new, and SVG was just starting to get decent support in web browsers.
But life, as it often does, got in the way. The book took much longer than planned to
complete. And time introduced its own complications.
When Kurt handed off the manuscript to Amelia in late 2014, the state of graphics on
the web had changed considerably since when he’d started it. HTML had acquired
competely new graphics formats (the Canvas2D API and WebGL), which were
completely separate from SVG and CSS. And CSS3 was becoming a bigger and
bigger topic every year, quickly outgrowing the one chapter planned for it.
So the decision was made to focus on SVG. However, this book is still all about the
intersection of the three web languages—and JavaScript, too! The driving goal for
the rewrite was to create a practical guide to using SVG on the web, in complex web
pages, with full awareness of the need for cross-browser, multidevice support.
That turned out to be easier said than done. It’s taken a few more years (and one more
coauthor, Dudley) to complete this manuscript. It’s also a considerably larger book
than initially planned. We hope it was worth the wait.
The Road Ahead
SVG is a complex topic, but we have tried to arrange this book in a logical

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin