Fundamentals of SVG Programming: Concepts to Source Code (Graphics Series)
Fundamentals of SVG Programming: Concepts to Source Code (Graphics Series)
ISBN: 1584502983
EAN: 2147483647
EAN: 2147483647
Year: 2003
Pages: 362
Pages: 362
Authors: Oswald Campesato
- Cover
- BackCover
- Contents
- Fundamentals of SVG Programming-Concepts to Source Code
- Introduction
- What Is SVG?
- Who Created SVG?
- Why SVG?
- Why so Much Code?
- Is This Book for Me?
- What Software Is Required?
- What Are the Prerequisites?
- Why Switch to SVG?
- Do I Need to Be a Programmer?
- Is SVG Relevant to Artists?
- Conventions in This Book
- Chapter 1: SVG Coordinate System, Simple Shapes, and Colors
- SVG and Web Development
- Downloading and Installing an SVG Viewer
- A Minimal SVG Document
- The SVG Coordinate System
- Using rect to Render Rectangles
- Using style
- Using polygon to Render Rectangles
- Using path to Render Rectangles
- Using line to Render Rectangles
- Rendering Rectangles with Opacity
- Rendering Rectangles with a Shadow Effect
- Rendering Triangular Wedges with Shading
- SVG viewports
- Colors and Their Components
- Standard Colors
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 2: Color Gradients and Style
- Linear Color Gradients
- Using the SVG defs Element
- Rendering Rectangles with Linear Gradients
- Radial Color Gradients
- Rendering Rectangles with Radial Gradients
- Parallelograms as SVG Polygons
- Using the SVG marker Element
- Dotted and Dashed Line Segments
- Using SVG Embedded Stylesheets
- Embedded Stylesheets and CDATA
- Using External Stylesheets
- Using External Stylesheets and Classes
- Inheriting an SVG style Attribute
- Inheriting Attributes in Multiple SVG G Elements
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 3: Circles, Ellipses, and path Elements
- Using an SVG circle Element to Render Circles
- Using an SVG ellipse Element to Render Ellipses
- Linear Gradient Ellipses
- Radial Gradient Ellipses
- Multi-Stop Radial Gradients
- Lumination-Like Effects with Multi-Stop Radial Gradients
- Circular and Elliptic Arcs
- Specifying Circular and Elliptic Arcs
- Coloring Elliptic Arcs
- Arc-Based Petal Patterns
- Arc-Based Diamond Patterns
- Asymmetric Arc-Based Patterns
- Creating 3D Effects with Circles
- Creating Cones with Gradient Shading
- Creating Cylinders with Gradient Shading
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 4: SVG pattern, Grid Patterns, and clipPath
- Defining an SVG pattern Element
- Using an SVG pattern Element
- Generating a Checkerboard Grid
- Generating a 3D Checkerboard Grid
- Generating a Gradient Checkerboard
- Generating a Multi-Gradient Checkerboard
- Using the SVG clippath Element
- Using SVG clippath Elements with Grid Patterns
- clippath and rect Elements with Gradient Grid Patterns
- Generating Slanted Venetian Gradient Patterns
- Key Constructs
- Summary
- Chapter 5: Quadratic and Cubic Bezier Curves
- What Are Bezier Curves?
- Rendering a Quadratic Bezier Curve
- Gradient Checkerboards and Multi-Quadratic Bezier Clip Paths
- Venetian Checkerboards and Quadratic Bezier Clip Paths
- Rendering Cubic Bezier Curves
- Linear Gradient Shading and Cubic Bezier Curves
- Double Cubic Bezier Curves
- Double Reflected Cubic Bezier Curves
- Cubic Quadratic Bezier Curves
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 6: SVG Transformations
- Using the SVG translate Function
- Using the SVG rotate Function with Checkerboards
- Using the SVG scale Function with Checkerboards
- Using Multiple SVG scale Elements
- Zipper Effects and Scaled Cubic Bezier Curves
- Using the SVG skew Function
- Using the SVG matrix Function
- Combining Multiple SVG Functions
- Cylinders and the SVG scale Function
- Hourglasses with the SVG scale and skew Functions
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 7: SVG Filters
- Using an feGaussianBlur Filter Primitive
- Shadows and the feGaussianBlur Filter Primitive
- Creating an feGaussianBlur Filter Pattern
- Using an feFlood Filter Primitive
- Using an feImage Filter Primitive
- Using an feMerge Filter Primitive
- Using an feTurbulence Filter Primitive
- feTurbulence Filter Primitives and pattern Elements
- Quadratic Bezier Curves and feTurbulence Filter Primitives
- feGaussianBlur Filter Triangles and Quadratic Bezier Curves
- feGaussianBlur Filter Triangles and Checkerboards
- List of SVG Filter Primitives
- CD-ROM Library
- Summary
- Chapter 8: Displaying Text
- Rendering a Text String
- Rendering a Text String with Colored Borders
- Using Text Decoration with Text Strings
- Using the SVG tspan Element with Text Strings
- Rendering Shadowed Text
- Rendering Shadowed blur Text
- Rotating a Text String Counterclockwise
- Displaying Text with Linear Gradients
- Displaying Text with Opacity
- Displaying Text with blur Filters
- Text Following a Specified Path
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 9: Simple SVG Animation
- Animating Transformations
- Rotating a Line Segment
- Rotating Rectangles
- Counter Rotating Ellipses
- Rectangles and Multiple Animation Effects
- Chained Animation Effects
- Continuous Rotation of a Text String
- Multiple Animation Effects
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 10: SVG for Bar Charts and Line Graphs
- Drawing Homogeneous Bar Sets
- Drawing Variable Bar Sets
- Drawing Labeled Rectangular Grids
- Drawing Bar Charts
- Drawing Bar Charts with 3D Effects
- Drawing Simple Line Graphs
- Drawing Multiple Line Graphs
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 11: HTML, ECMAScript, and SVG DOM
- Protecting SVG Code
- Embedding SVG in HTML Pages
- HTML Pages with Images Embedded in SVG
- URL-Enabled Ellipses
- Handling Mouse-Over Events
- Hiding Rectangles
- Mouse Clicks and Gradient Colors
- Determining Attribute Values of SVG Elements
- Mouse Clicks and Resizing Circles
- Mouse Clicks and Scaled Ellipses
- CD-ROM Library
- Summary
- Chapter 12: Interactive SVG and ECMAScript
- SVG Code Template for This Chapter
- Updating Attributes of SVG path Elements
- Updating Attributes of SVG circle Elements
- Dynamically Removing an SVG Element
- Adding an SVG Element via ECMAScript
- Updating an SVG Element via ECMAScript
- Interactively Adding SVG Elements
- Dynamically Adding Multiple SVG rect Elements
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 13: ECMAScript and SVG Animation
- SVG Performance
- Error Checking in SVG Documents
- SVG Code Template for This Chapter
- Global versus Local Variables
- ECMAScript and Simple SVG path Animation
- Animation and Dynamic Creation of SVG Elements
- Animation and Modifying Quadratic Bezier Curves
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 14: ECMAScript and Polar Equations
- Mathematical Terminology
- SVG Code Template for This Chapter
- Generating Sine-Based Petals
- Generating a Sine-Based Wire Frame Effect
- Multi-Fixed Point Mesh Pattern and Archimedean Spirals
- CD-ROM Library
- Summary
- Chapter 15: SVG and Pie Charts
- Drawing Circular Pie Charts
- Converting Data for Circular Pie Charts
- Mouse-Controlled Rotating Circular Pie Charts
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 16: ECMAScript, Recursion, and SVG
- High-Level Template for Code Examples
- Rendering Nested Triangles via Recursion
- Rendering Sierpinski Curves
- Rendering Ellipses with Recursion
- Key Constructs
- Summary
- Chapter 17: Generating SVG Documents
- Generating XML Documents from Text Files
- Generating a Simple SVG Document with Perl
- Generating a Simple SVG Document with Perl Functions
- Generating Bar Sets with Perl
- Generating Bar Sets with Unix Scripts
- Converting Proprietary Files to SVG with Perl
- Generating SVG with XSLT
- Generating Bar Charts with XSLT
- Key Constructs
- CD-ROM Library
- Summary
- Chapter 18: Supplemental Patterns
- How to View the Files
- Making Enhancements
- The barbedRectPattern Folder
- The bezierCBPattern Folder
- The bezierDoubleSpinePattern Folder
- The bezierSpineBlurPattern Folder
- The c3DEffectCoilPattern Folder
- The circleFrostedEffect Folder
- The circleFrostedEffectShadow Folder
- The circularArcCoilPattern Folder
- The circularSpinArcCoilPattern Folder
- The coilLinks Folder
- The diamondBoxPattern Folder
- The dottedEllipsesAndArcs Folder
- The dottedTwistingPolygonPattern Folder
- The halfEllipseLayersPattern Folder
- The halfEllipseLayers2Pattern Folder
- The halfEllipseTwistedLayersPattern Folder
- The lunePattern Folder
- The partialPolygonPattern Folder
- The partialPolygonRotatedPattern Folder
- The rotatedTriangles Folder
- The tetraPattern Folder
- The trapezoidPattern Folder
- The triangleLayersPattern Folder
- Appendix A: XSL Basics
- What Is XSL?
- What Software Is Required for XSL?
- What Are XSL Stylesheets?
- The XSL Mindset
- XSL Nodes
- Traversing Trees
- What Is XPath?
- What Is a Location Path?
- XPath Axes
- XPath Functions
- A Simple Stylesheet
- The XML File book.xml
- The Path to an Element
- Finding Element Contents
- A Leading Slash ( ) Is Significant
- Counting Qualified Elements
- Index Values of Elements in a List
- Document Order
- XSL Variables
- XSL Conditional Logic
- Generating HTML Documents
- Finding the Maximum Value of A Set of Numbers
- Generating a Basic Bar Chart in SVG
- Key Points
- Summary
- Appendix B: Introduction to XML
- The Basics
- XML vs. HTML
- DTDs
- DTD Components
- Document Type Declaration
- A Complete XML Document
- Authoring XML Documents
- XML and Java
- XML and HTML
- Where to Use XML
- EDI
- XML and OAG
- Online XML
- Other Opportunities
- Appendix C: Perl Basics
- What Are Perl s Strengths?
- Updating the path Variable
- Launching Perl from the Command Line
- Perl Built-In Variables
- Perl Scalar Variables
- Perl while Loops
- Perl for Loops
- Perl Arrays
- Perl Hashes
- Perl Multi-Dimensional Arrays
- Opening and Closing Files in Perl
- Reading Files in Perl
- Reading File Contents into Perl Arrays
- Writing to Files in Perl
- Removing White Space in Text Strings
- Extracting Sub-Strings from Text Strings
- Switching Word Order in Text Strings
- The Perl split Function and Text Strings
- Combining split with Other Functions
- The Perl join Function
- Passing Arrays to Perl Functions
- Finding Exact Matches in Text Strings
- Verifying Date Formats in Perl
- Reading File Contents into an Array
- Print File Contents in Reverse Order
- Summary
- Appendix D: About the CD-ROM
- Overall System Requirements
- License Agreements
- Color Section
- Index
- Index_B
- Index_C
- Index_D
- Index_E
- Index_F
- Index_G
- Index_H
- Index_I
- Index_J
- Index_L
- Index_M
- Index_N
- Index_O
- Index_P
- Index_Q
- Index_R
- Index_S
- Index_T
- Index_U
- Index_V
- Index_W
- Index_X
- Index_Y
- Index_Z
- List of Figures
- List of Code Examples
- CD Content
Fundamentals of SVG Programming: Concepts to Source Code (Graphics Series)
ISBN: 1584502983
EAN: 2147483647
EAN: 2147483647
Year: 2003
Pages: 362
Pages: 362
Authors: Oswald Campesato