SVG Colors, Patterns &Amp · Gradients by Bellamy-Royds, Amelia -- Read -- Imperial Library of Trantor

Index

Preface

What We’ll Cover About This Book

About the Examples Using Code Examples Conventions Used in This Book

Safari® Books Online How to Contact Us Acknowledgments

1. Things You Should Already Know

SVG Is Drawing with Code SVG Is Always Open Source SVG Is XML (and Sometimes HTML) SVG Is Squishable Pictures Are a Collection of Shapes Images Can Have Images Inside Them Text Is Art Art Is Math An SVG Is a Limited View of an Infinite Canvas SVG Has Structure SVG Has Style Behind All Good Markup Is a Great DOM SVG Can Move SVG Can Change

2. The Painter’s Model

Fill ’Er Up with the fill Property Stroke It with the stroke Property Stroking the Fill and Filling the Stroke Take a Hint with Rendering Properties

3. Creating Colors

Misty Rose by Any Other Name A Rainbow in Three Colors Custom Colors Mixing and Matching

4. Becoming Transparent

See-Through Styles The Net Effect

5. Serving Paint

Paint and Wallpaper Identifying Your Assets The Solid Gradient

6. Simple Gradients

Gradiated Gradients Transparency Gradients Controlling the Color Transition

7. Gradients in All Shapes and Sizes

The Gradient Vector The Object Bounding Box Drawing Outside the Box Gradients, Transformed

8. And Repeat

How to Spread Your Gradient Reflections on Infinite Gradients Repeating Without Reflecting Using (and Reusing) Gradients in HTML

9. Radial Gradients

Radial Gradient Basics Filling the Box Scaling the Circle Adjusting the Focus Transforming Radial Gradients Grand Gradients

10. Tiles and Textures

Building a Building Block Stretching to Fit Laying Tiles Transformed Tiles

11. Picture-Perfect Patterns

The Layered Look Preserved Patterns Background Images, SVG-Style

12. Textured Text

Bounding Text Switching Styles Midstream

13. Painting Lines

Beyond the Edges The Empty Box Using the Coordinate Space Patterned Lines

14. Motion Pictures

Animation Options Coordinated Animation Animated Interactions

A. Color Keywords and Syntax B. Elements, Attributes, and Style Properties

Index