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

Index

Preface

What We’ll Cover About This Book

Conventions Used in This Book About the Examples How to Contact Us

Acknowledgements

1. Things You Should Already Know 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

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 Mid-Stream

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