Svg : pocket primer / Oswald Campesato.

Format:

Book

Author/Creator:

Campesato, Oswald, author.

Series:

Pocket Primer Series

Language:

English

Subjects (All):

Computer graphics.

Physical Description:

1 online resource (270 pages).

Edition:

1st ed.

Place of Publication:

Dulles, Virginia ; Boston, [Massachusetts] ; New Delhi, [India] : Mercury Learning and Information, 2017.

Summary:

No detailed description available for "SVG".

Contents:

Front Matter

Half Title Page

License Page

Title Page

Copyright Page

Dedication Page

Contents

Preface

Body Matter

Chapter 1 Introduction to SVG

What Is SVG?

Advantages of SVG

Tools with Support for SVG

Testing Browser Support for SVG

SVG and HTML

Limitations of SVG

SVG Elements for 2D Shapes

A "Generic" SVG Document

What about D3.js?

The SVG Coordinate System

The SVG &lt

line&gt

Element

rect&gt

path&gt

Creating a Pyramid in SVG

polygon&gt

polyline&gt

Simple Shadow Effects in SVG

Rendering a Cube in SVG

Working with Text in SVG

Text and Fonts in SVG

Italicized Text in SVG

Superscripts and Subscripts in TextTEXT

The SVG viewbox Attribute

SVG in an &lt

embed&gt

object&gt

SVG as base64 Data

Tools for Converting SVG to base64

img&gt

The "Painters Model" and the z-index in SVG

Useful Links

Additional Code Samples on the Companion Disc

Summary

Chapter 2 SVG Gradients and Filters

Working with Colors in SVG

SVG Gradients

SVG Linear Gradients

SVG Radial Gradients

Rendering a Cube with SVG Radial Gradients

SVG Gradients and the &lt

pattern&gt

SVG Filters

SVG Filters and Shadow Effects

SVG Turbulence Filter Effects with 2D Shapes

Additional Filter Effects

feColorMatrix&gt

Filter

Chapter 3 SVG Transforms

Overview of SVG Transforms

SVG Transforms and Basic 2D Shapes

Using SVG Filters with SVG Rectangles

Using SVG Filters and Transforms with Text.

Text with SVG Transforms and Shadow Effects

Applying SVG Transforms to a Cube

Applying SVG Transforms and Filters to a Cube

Replicating &lt

g&gt

Elements and CSS3 Animation in SVG

SVG Transforms with the &lt

The &lt

clipPath&gt

and &lt

mask&gt

Elements

Chapter 4 Ellipses, Arcs, and Bezier Curves

ellipse&gt

SVG Ellipses and 3D Effects

Elliptic Arcs in SVG

Rendering a Traffic Sign in SVG

Rendering Concave Cubes in SVG

Salt and Pepper "Shakers" with Elliptic Arcs

Basic Bezier Curves in SVG

Rendering Text along an SVG &lt

Bezier Curves and Transforms

Element with Bezier Curves

Chapter 5 Introduction to CSS3 Graphics and Animation

CSS3 Support and Browser-Specific Prefixes for CSS3

Quick Overview of CSS3 Features

CSS3 Pseudo-Classes, Attribute Selection, and Relational Symbols

CSS3 Pseudo-Classes

CSS3 Attribute Selection

CSS3 Shadow Effects and Rounded Corners

Specifying Colors with RGB and HSL

CSS3 and Text Shadow Effect

CSS3 and Box Shadow Effects

CSS3 and Rounded Corners

CSS3 Gradients

Linear Gradients

Radial Gradients

CSS3 2D Transforms

Rotate Transforms

CSS3 3D Animation Effects

CSS3 and SVG

The CSS3 url() Function

Inline Property Declarations and SVG

Inline CSS Selectors and SVG

SVG and External CSS Stylesheets

Similarities and Differences Between SVG and CSS3

Chapter 6 Introduction to D3

What Is D3?

D3 on Mobile Devices

D3 Boilerplate

Method Chaining in D3

The D3 Methods select() and selectAll()

Creating New HTML Elements

The Most Common Idiom in D3

Binding Data to DOM Elements

Generating Text Strings.

Adding HTML &lt

div&gt

Elements with Gradient Effects

Creating Simple 2D Shapes

Bezier Curves and Text

2D Transforms

A Digression: Scaling Arrays of Numbers to Different Ranges

Tweening in D3

Formatting Numbers

Linear Gradients in D3

Radial Gradients in D3

Working with Image Files

D3 and Filters

Other D3 Features and D3 APIs

D3 API Reference

Chapter 7 Mouse Events and Animation Effects

Finding the Maximum and Minimum Values in an Array

Working with Multidimensional Arrays

2D Arrays and Scatter Charts

D3 Data Scaling Functions

Other D3 Scaling Functions

D3 Path Data Generator

What about this, this, and (this)?

D3 and Mouse Events

Mouse Events and Randomly Located 2D Shapes

A "Follow the Mouse" Example

A Drag-and-Drop Example (DnD)

Animation Effects with D3

Easing Functions in D3

Zoom, Pan, and Rescale Effects with D3

Handling Keyboard Events with D3

Chapter 8 Data Visualization

What Is Data Visualization?

A Simple 2D Bar Chart with Pure SVG

A 2D Bar Chart with Pure SVG Animation

A 2D Bar Chart with Mouse Events and Pure SVG Animation

A Line Graph in SVG

A 2D Line Graph with JavaScript in SVG

A Line Graph in D3

A 2D Bar Chart with Animation Effects Using D3

SVG, CSS, and jQuery

How to Create New SVG Elements with jQuery

How to Modify Existing SVG Elements with jQuery

jQuery Plugins for SVG

SVG, CSS, and the classlist Method

How to Obtain Focus in SVG Elements with CSS

Bootstrap 4 and SVG

Other Third Party Chart Libraries

Chapter 9 Designing Mobile Apps

What Is Good Mobile Design?

Important Facets of Mobile Web Design.

A Touch-Oriented Design

Improving Response Times of User Gestures

Resizing Assets in Mobile Web Applications

Determining the Content Layout for Mobile Web Pages

Mobile Design for HTML Web Pages

High-Level View of Styling Mobile Forms

Specific Techniques for Styling Mobile Forms

Use CSS to Style Input Fields Differently

Specify Keyboard Types for Input Fields

Different Countries and Languages

Design-Related Tools and Online Patterns

Working with Font Sizes and Units of Measure

What Is Google AMP?

The RAIL Framework

Styles in AMP

The Status of HTML Elements and Core AMP Components

What Are Progressive Web Apps?

Improving HTML5 Web Page Performance

Chapter 10 Miscellaneous Topics

SVG Utilities and IDEs

Adobe Illustrator

Scour

Inkscape

CSS3 Media Queries and SVG

JavaScript Toolkits for SVG

Snap.svg

RuneJS

FabricJS

PaperJS for SVG

SVG Animation Effects

What Is GreenSock?

A Condensed Comparison of CSS, SVG, and HTML5 Canvas

Which Is Faster: CSS3/Canvas/SVG?

SVG and Angular 2

D3 and Angular 2

GSAP and Angular 2

ReactJS and Local CSS

SVG and ReactJS

SVG, Sprites, and Icons

Other SVG Topics

Appendix: Graphics with ReactJS and Angular 2

What Is ReactJS?

The View Layer

React Boilerplate Toolkits

What Is JSX?

JSXTransformer: Deprecated in Version 0.13

ReactJS and "Hello World" Code Samples

SVG Elements and ReactJS

A High-Level View of Angular 2

Components in Angular 2

Setting Up the Environment and Project Structure

The tsc and typings Commands for Transpiling Files

Four Standard Files in Angular 2 Applications

The package.json Configuration File.

The tsconfig.json Configuration File

The index.html Web Page

Hello World in Angular 2

CSS3 Animation Effects in Angular 2

A Basic SVG Example in Angular 2

D3 Animation and Angular 2

GSAP Graphics and Animation and Angular 2

End Matter

Index.

Notes:

Includes bibliographical references and index.

Description based on online resource; title from PDF title page (ebrary, viewed July 26, 2017).

Description based on publisher supplied metadata and other sources.

OCLC:

993125461