Fundamentals of SVG Programming : Concepts to Source Code

Note: Supplemental materials are not guaranteed with Rental or Used book purchases.

ISBN: 9781584502982 | 1584502983
Cover: Paperback
Copyright: 9/16/2003

Rent

(Recommended)

$41.20

Term

Due

Price

Semester

Aug 2

$41.20

Quarter

Jul 19

$39.14

Short Term

Jun 21

$37.08

*This item is part of an exclusive publisher rental program and requires an additional convenience fee. This fee will be reflected in the shopping cart.
Buy New

Currently Available, Usually Ships in 24-48 Hours

$49.25

Fundamentals of SVG Programming: Concepts to Source Code is a comprehensive guide to the core concepts of SVG programming, including the coordinate systems, color gradients, grid patterns, Bezier curves, transforms, charts, graphs, and more. Written for those new to SVG, this book does an excellent job of "marrying" SVG to mathematics, showing how simple equations can be used to create and manipulate SVG graphics. It presents the information in "bite-size" pieces, teaching users how to create a plethora of standard graphics, and includes a CD-ROM with over 20,000 ready-to-use code samples derived from geometric objects. These samples can be implemented as is or customized for specific projects.

Introduction

xvii

SVG Coordinate System, Simple Shapes, and Colors

(22)

Overview

(1)

SVG and Web Development

(1)

Downloading and Installing an SVG Viewer

(1)

A Minimal SVG Document

(4)

The SVG Coordinate System

(1)

Using rect to Render Rectangles

(1)

Using style

(1)

Using polygon to Render Rectangles

(2)

Using path to Render Rectangles

(2)

Using line to Render Rectangles

(1)

Rendering Rectangles with Opacity

(2)

Rendering Rectangles with a Shadow Effect

(1)

Rendering Triangular Wedges with Shading

(1)

SVG viewports

(2)

Colors and Their Components

(1)

Standard Colors

(1)

Key Constructs

(1)

CD-ROM Library

(1)

Summary

(1)

Color Gradients and Style

(24)

Overview

(1)

Linear Color Gradients

(1)

Using the SVG defs Element

(1)

Rendering Rectangles with Linear Gradients

(2)

Radial Color Gradients

(1)

Rendering Rectangles with Radial Gradients

(2)

Parallelograms as SVG Polygons

(2)

Using the SVG marker Element

(1)

Dotted and Dashed Line Segments

(2)

Using SVG Embedded Stylesheets

(2)

Embedded Stylesheets and CDATA

(1)

Using External Stylesheets

(1)

Using External Stylesheets and Classes

(2)

Inheriting an SVG style Attribute

(1)

Inheriting Attributes in Multiple SVG g Elements

(2)

Key Constructs

(1)

CD-ROM Library

(1)

Summary

(2)

Circles, Ellipses, and path Elements

(26)

Overview

(1)

Using an SVG circle Element to Render Circles

(1)

Using an SVG ellipse Element to Render Ellipses

(1)

Linear Gradient Ellipses

(2)

Radial Gradient Ellipses

(2)

Multi-Stop Radial Gradients

(2)

Lumination-Like Effects with Multi-Stop Radial Gradients

(2)

Circular and Elliptic Arcs

(3)

Specifying Circular and Elliptic Arcs

(1)

Coloring Elliptic Arcs

(1)

Arc-Based Petal Patterns

(2)

Arc-Based Diamond Patterns

(1)

Asymmetric Arc-Based Patterns

(2)

Creating 3D Effects with Circles

(1)

Creating Cones with Gradient Shading

(2)

Creating Cylinders with Gradient Shading

(1)

Key Constructs

(1)

CD-ROM Library

(1)

Summary

(1)

SVG pattern, Grid Patterns, and clipPath

(20)

Overview

(1)

Defining an SVG pattern Element

(1)

Using an SVG pattern Element

(1)

Generating a Checkerboard Grid

(2)

Generating a 3D Checkerboard Grid

(2)

Generating a Gradient Checkerboard

(2)

Generating a Multi-Gradient Checkerboard

(2)

Using the SVG clipPath Element

(1)

Using SVG clipPath Elements with Grid Patterns

(2)

clipPath and rect Elements with Gradient Grid Patterns

(2)

Generating Slanted Venetian Gradient Patterns

(2)

Key Constructs

(1)

CD-ROM Library

(1)

Summary

(1)

Quadratic and Cubic Bezier Curves

(20)

Overview

(1)

What Are Bezier Curves?

(1)

Rendering a Quadratic Bezier Curve

(2)

Gradient Checkerboards and Multi-Quadratic Bezier Clip Paths

(2)

Venetian Checkerboards and Quadratic Bezier Clip Paths

(3)

Rendering Cubic Bezier Curves

101

(1)

Linear Gradient Shading and Cubic Bezier Curves

102

(2)

Double Cubic Bezier Curves

104

(2)

Double Reflected Cubic Bezier Curves

106

(2)

Cubic Quadratic Bezier Curves

108

(1)

Key Constructs

109

(1)

CD-ROM Library

110

(1)

Summary

111

(2)

SVG Transformations

113

(24)

Overview

113

(1)

Using the SVG translate Function

114

(2)

Using the SVG rotate Function with Checkerboards

116

(2)

Using the SVG scale Function with Checkerboards

118

(2)

Using Multiple SVG scale Elements

120

(4)

Zipper Effects and Scaled Cubic Bezier Curves

124

(2)

Using the SVG skew Function

126

(2)

Using the SVG matrix Function

128

(1)

Combining Multiple SVG Functions

129

(1)

Cylinders and the SVG scale Function

130

(2)

Hourglasses with the SVG scale and skew Functions

132

(2)

Key Constructs

134

(2)

CD-ROM Library

136

(1)

Summary

136

(1)

SVG Filters

137

(28)

Overview

137

(1)

Using an feGaussianBlur Filter Primitive

138

(2)

Shadows and the feGaussianBlur Filter Primitive

140

(2)

Creating an feGaussianBlur Filter Pattern

142

(2)

Using an feFlood Filter Primitive

144

(3)

Using an feImage Filter Primitive

147

(2)

Using an feMerge Filter Primitive

149

(2)

Using an feTurbulence Filter Primitive

151

(2)

feTurbulence Filter Primitives and pattern Elements

153

(2)

Quadratic Bezier Curves and feTurbulence Filter Primitives

155

(2)

feGaussianBlur Filter Triangles and Quadratic Bezier Curves

157

(2)

feGaussianBlur Filter Triangles and Checkerboards

159

(2)

List of SVG Filter Primitives

161

(1)

Key Constructs

161

(2)

CD-ROM Library

163

(1)

Summary

163

(2)

Displaying Text

165

(20)

Overview

165

(1)

Rendering a Text String

166

(1)

Rendering a Text String with Colored Borders

167

(1)

Using Text Decoration with Text Strings

168

(1)

Using the SVG tspan Element with Text Strings

169

(2)

Rendering Shadowed Text

171

(1)

Rendering Shadowed blur Text

172

(2)

Rotating a Text String Counterclockwise

174

(1)

Displaying Text with Linear Gradients

175

(1)

Displaying Text with Opacity

176

(2)

Displaying Text with blur Filters

178

(1)

Text Following a Specified Path

179

(1)

Key Constructs

180

(2)

CD-ROM Library

182

(1)

Summary

182

(3)

Simple SVG Animation

185

(22)

Overview

185

(1)

Animating Transformations

186

(1)

Rotating a Line Segment

186

(2)

Rotating Rectangles

188

(3)

Counter Rotating Ellipses

191

(2)

Rectangles and Multiple Animation Effects

193

(3)

Chained Animation Effects

196

(3)

Continuous Rotation of a Text String

199

(2)

Multiple Animation Effects

201

(2)

Key Constructs

203

(2)

CD-ROM Library

205

(1)

Summary

205

(2)

SVG for Bar Charts and Line Graphs

207

(20)

Overview

207

(1)

Drawing Homogeneous Bar Sets

208

(1)

Drawing Variable Bar Sets

209

(2)

Drawing Labeled Rectangular Grids

211

(3)

Drawing Bar Charts

214

(4)

Drawing Bar Charts with 3D Effects

218

(3)

Drawing Simple Line Graphs

221

(1)

Drawing Multiple Line Graphs

222

(2)

Key Constructs

224

(1)

CD-ROM Library

225

(1)

Summary

226

(1)

HTML, ECMAScript, and SVG DOM

227

(24)

Overview

227

(1)

Protecting SVG Code

228

(1)

Embedding SVG in HTML Pages

228

(2)

HTML Pages with Images Embedded in SVG

230

(2)

URL-Enabled Ellipses

232

(2)

Handling Mouse-Over Events

234

(1)

Hiding Rectangles

235

(2)

Mouse Clicks and Gradient Colors

237

(1)

Determining Attribute Values of SVG Elements

238

(4)

Mouse Clicks and Resizing Circles

242

(2)

Mouse Clicks and Scaled Ellipses

244

(3)

Key Constructs

247

(1)

CD-ROM Library

248

(1)

Summary

249

(2)

Interactive SVG and ECMAScript

251

(32)

Overview

251

(1)

SVG Code Template for This Chapter

252

(2)

Updating Attributes of SVG path Elements

254

(3)

Updating Attributes of SVG circle Elements

257

(3)

Dynamically Removing an SVG Element

260

(2)

Adding an SVG Element via ECMAScript

262

(3)

Updating an SVG Element via ECMAScript

265

(4)

Interactively Adding SVG Elements

269

(4)

Dynamically Adding Multiple SVG rect Elements

273

(5)

Key Constructs

278

(2)

CD-ROM Library

280

(1)

Summary

280

(3)

ECMAScript and SVG Animation

283

(26)

Overview

283

(1)

SVG Performance

284

(1)

Error Checking in SVG Documents

285

(1)

SVG Code Template for This Chapter

285

(1)

Global versus Local Variables

286

(1)

ECMAScript and Simple SVG path Animation

287

(5)

Animation and Dynamic Creation of SVG Elements

292

(5)

Animation and Modifying Quadratic Bezier Curves

297

(9)

Key Constructs

306

(1)

CD-ROM Library

306

(1)

Summary

307

(2)

ECMAScript and Polar Equations

309

(24)

Overview

309

(1)

Mathematical Terminology

310

(1)

SVG Code Template for This Chapter

310

(3)

Generating Sine-Based Petals

313

(4)

Generating a Sine-Based Wire Frame Effect

317

(7)

Multi-Fixed Point Mesh Pattern and Archimedean Spirals

324

(7)

CD-ROM Library

331

(1)

Summary

332

(1)

SVG and Pie Charts

333

(26)

Overview

333

(1)

Drawing Circular Pie Charts

334

(6)

Converting Data for Circular Pie Charts

340

(1)

Drawing Elliptic Pie Charts

341

(5)

Rotating Circular Pie Charts

346

(6)

Mouse-Controlled Rotating Circular Pie Charts

352

(5)

Key Constructs

357

(1)

CD-ROM Library

358

(1)

Summary

358

(1)

ECMAScript, Recursion, and SVG

359

(16)

Overview

359

(1)

High-Level Template for Code Examples

360

(1)

Rendering Nested Triangles via Recursion

361

(3)

Rendering Sierpinski Curves

364

(5)

Rendering Ellipses with Recursion

369

(3)

Key Constructs

372

(1)

CD-ROM Library

373

(1)

Summary

373

(2)

Generating SVG Documents

375

(24)

Overview

375

(1)

Generating XML Documents from Text Files

376

(1)

Generating a Simple SVG Document with Perl

376

(1)

Generating a Simple SVG Document with Perl Functions

377

(2)

Generating Bar Sets with Perl

379

(3)

Generating Bar Sets with Unix Scripts

382

(4)

Converting Proprietary Files to SVG with Perl

386

(2)

Generating SVG with XSLT

388

(5)

Generating Bar Charts with XSLT

393

(3)

Key Constructs

396

(1)

CD-ROM Library

396

(1)

Summary

397

(2)

Supplemental Patterns

399

(22)

Overview

399

(1)

How to View the Files

400

(1)

Making Enhancements

401

(2)

The barbedRectPattern Folder

403

(1)

The bezierCBPattern Folder

404

(1)

The bezierDoubleSpinePattern Folder

404

(1)

The bezierSpineBlurPattern Folder

405

(1)

The c3DEffectCoilPattern Folder

406

(1)

The circleFrostedEffect Folder

406

(1)

The circleFrostedEffectShadow Folder

407

(1)

The circularArcCoilPattern Folder

408

(1)

The circularSpinArcCoilPattern Folder

408

(1)

The coilLinks Folder

409

(1)

The diamondBoxPattern Folder

409

(1)

The dottedEllipsesAndArcs Folder

410

(1)

The dottedTwistingPolygonPattern Folder

411

(1)

The halfEllipseLayersPattern Folder

412

(1)

The halfEllipseLayers2Pattern Folder

412

(1)

The halfEllipseTwistedLayersPattern Folder

413

(1)

The lunePattern Folder

414

(1)

The partialPolygonPattern Folder

414

(1)

The partialPolygonRotatedPattern Folder

415

(1)

The rotatedTriangles Folder

416

(1)

The sineWave1Pattern Folder

416

(1)

The tetraPattern Folder

417

(1)

The trapezoidPattern Folder

418

(1)

The triangleLayersPattern Folder

419

(2)

Appendix A XSL Basics

421

(20)

Overview

421

(1)

What Is XSL?

421

(1)

What Software Is Required for XSL?

421

(1)

What Are XSL Stylesheets?

422

(1)

The XSL Mindset

423

(1)

XSL Nodes

423

(1)

Traversing Trees

424

(1)

What Is XPath?

424

(1)

What Is a Location Path?

424

(1)

XPath Axes

425

(1)

XPath Functions

425

(1)

A Simple Stylesheet

426

(1)

The XML File book.xml

427

(2)

The Path to an Element

429

(1)

Finding Element Contents

429

(1)

A Leading Slash (``/'') Is Significant

430

(1)

Counting Qualified Elements

431

(1)

Index Values of Elements in a List

432

(1)

Document Order

432

(1)

XSL Variables

432

(1)

XSL Conditional Logic

432

(1)

Generating HTML Documents

433

(1)

Finding the Maximum Value of A Set of Numbers

434

(2)

Generating a Basic Bar Chart in SVG

436

(2)

Key Points

438

(1)

Summary

439

(2)

Appendix B Introduction to XML

441

(20)

The Basics

441

(1)

XML vs. HTML

441

(3)

DTDs

444

(1)

DTD Components

445

(2)

Document Type Declaration

447

(1)

A Complete XML Document

447

(1)

Authoring XML Documents

448

(1)

XML and Java

449

(1)

XML and HTML

449

(1)

Where to Use XML

449

(1)

EDI

450

(1)

XML and OAG

451

(8)

Online XML

459

(1)

Other Opportunities

459

(2)

Appendix C Perl Basics

461

(28)

What Is Perl?

461

(1)

What Are Perl's Strengths?

461

(1)

Updating the path Variable

462

(1)

Launching Perl from the Command Line

462

(2)

Perl Built-In Variables

464

(1)

Perl Scalar Variables

464

(1)

Perl while Loops

465

(1)

Perl for Loops

466

(1)

Perl Arrays

466

(1)

Perl Hashes

467

(1)

Perl Multi-Dimensional Arrays

468

(2)

Opening and Closing Files in Perl

470

(1)

Reading Files in Perl

470

(1)

Reading File Contents into Perl Arrays

471

(1)

Writing to Files in Perl

472

(2)

Skipping Comment Lines in Text Files

474

(1)

Removing White Space in Text Strings

475

(1)

Extracting Sub-Strings from Text Strings

476

(1)

Switching Word Order in Text Strings

477

(1)

The Perl split Function and Text Strings

477

(2)

Combining split with Other Functions

479

(1)

The Perl join Function

480

(1)

Creating Custom Perl Functions

481

(1)

Passing Arrays to Perl Functions

482

(1)

Finding Exact Matches in Text Strings

483

(1)

Verifying Date Formats in Perl

484

(1)

Reading File Contents into an Array

485

(1)

Print File Contents in Reverse Order

486

(1)

Summary

487

(2)

Appendix D About the CD-ROM

489

(12)

CD Folders

489

(1)

Overall System Requirements

490

(1)

License Agreements

490

(11)

Index

501

Please wait while the item is added to your bag...

FREE SHIPPING

Amazon no longer offers textbook rentals. We do!

Fundamentals of SVG Programming : Concepts to Source Code

Summary

Author Biography

Table of Contents

Supplemental Materials