Canvas API: Learn how to create graphics for your website with HTML5 and JavaScript

J.D Gauchat
1
Free sample

 Learn how to create graphic applications for the Web with the Canvas API. After reading this guide, you will know how to create graphics for the web, how to manipulate images, and how to generate animations and small video games.

Table of Contents

CANVAS API

Graphics

The Canvas

The Context

Drawing

Rectangles

Colors

Gradients

Paths

Lines

Text

Shadows

Transformations

Status

The GlobalCompositeOperation Property

Images

Patterns

Image Data

Cross-Origin

Extracting Data

Animations

Simple Animations

Professional Animations

Video

Real-Life Application

QUICK REFERENCE

Canvas

Lines

Text

Shadows

Transformations

Images

This guide assumes that you have a basic knowledge of HTML, CSS and JavaScript, and you know how to create files and upload them to a server. If you don't know how to program in HTML, CSS or JavaScript, you can download our guides Introduction to HTML, Introduction to CSS, and Introduction to JavaScript. For a complete course on web development, read our book HTML5 for Masterminds.

This guide is a collection of excerpts from the book HTML5 for Masterminds. The information included in this guide will help you understand a particular aspect of web development, but it will not teach you everything you need to know to develop a website or a web application. If you need a complete course on web development, read our book HTML5 for Masterminds. For more information, visit our website at www.formasterminds.com.


Read more
1.0
1 total
Loading...

Additional Information

Publisher
J.D Gauchat
Read more
Published on
Jan 2, 2018
Read more
Pages
55
Read more
Language
English
Read more
Content Protection
This content is DRM protected.
Read more
Read Aloud
Available on Android devices
Read more
Eligible for Family Library

Reading information

Smartphones and Tablets

Install the Google Play Books app for Android and iPad/iPhone. It syncs automatically with your account and allows you to read online or offline wherever you are.

Laptops and Computers

You can read books purchased on Google Play using your computer's web browser.

eReaders and other devices

To read on e-ink devices like the Sony eReader or Barnes & Noble Nook, you'll need to download a file and transfer it to your device. Please follow the detailed Help center instructions to transfer the files to supported eReaders.
 Learn how to use iCloud from your iOS applications. After reading this guide, you will know how to connect to the user's iCloud account, how to store the app's settings on the cloud, how to upload documents, and how to create a database with CloudKit.

Table of Contents

ICLOUD

Data in the Cloud

Enabling iCloud

Testing Devices

Key-Value Storage

iCloud Documents

Multiple Documents

CloudKit

Container

Records

Zones

Query

Operations

CloudKit Dashboard

Implementing CloudKit

References

Assets

Subscriptions

Errors

Deploy to Production

QUICK REFERENCE

NSUbiquitousKeyValueStore

UIDocument

NSMetadataQuery

NSMetadataItem

CKContainer

CKRecord

CKRecordID

CKRecordZone

CKQuery

CKDatabase

CKReference

CKAsset

CKDatabaseSubscription

CKDatabase

UIApplication

CKFetchDatabaseChangesOperation

CKFetchRecordZoneChangesOperation

CKError

Notifications

This guide assumes that you have a basic knowledge of app development, Xcode, and the Swift language. You should also know how to create and display Table Views. If you don't know how to program in Swift, how to work with Table Views, or how to create an application with Xcode, download our guides Introduction to Swift, Table Views and Collection Views, and Interface Builder. For a complete course on app development for iOS, read our book iOS Apps for Masterminds.

This guide is a collection of excerpts from the book iOS Apps for Masterminds. The information included in this guide will help you understand a particular aspect of app development in iOS, but it will not teach you everything you need to know to develop an app for Apple devices. If you need a complete course on app development for iOS, read our book iOS Apps for Masterminds. For more information, visit our website at www.formasterminds.com.

 Learn how to program with JavaScript. After reading this guide, you will know how to create a program in JavaScript, how to define functions and objects, and how to read and modify an HTML document dynamically.

Table of Contents

JAVASCRIPT

Introduction to JavaScript

Implementing JavaScript

Variables

Strings

Booleans

Arrays

Conditionals and Loops

Control Transfer Instructions

Functions

Declaring Functions

Scope

Anonymous Functions

Standard Functions

Objects

Declaring Objects

Methods

The this Keyword

Constructors

The new Operator

Inheritance

Standard Objects

String Objects

Array Objects

Date Objects

Math Object

Window Object

Document Object

Element Objects

Creating Element Objects

Events

The addEventListener() Method

Event Objects

Debugging

Console

Console Object

Error Event

Exceptions

APIs

Native Libraries

External Libraries

QUICK REFERENCE

Event Attributes

Instructions

Constructors

Strings

Arrays

Dates

Properties

Functions

Window Object

Document Object

Element Object

Events

Errors

This guide assumes that you have a basic knowledge of web development, HTML and CSS, and you know how to create files and upload them to a server. If you need more information on web development or you don't know how to program in HTML and CSS, download our guides Web Development, Introduction to HTML and Introduction to CSS. For a complete course on web development, read our book HTML5 for Masterminds.

This guide is a collection of excerpts from the book HTML5 for Masterminds. The information included in this guide will help you understand a particular aspect of web development, but it will not teach you everything you need to know to develop a website or a web application. If you need a complete course on web development, read our book HTML5 for Masterminds. For more information, visit our website at www.formasterminds.com.

 Learn how to use Table Views to present information to the user in an iOS application. After reading this guide, you will know how to create dynamic and static tables, how to set and sort the content of a table, how to create custom cells, how to control selection, and how to perform a search.

Table of Contents

TABLE VIEWS

Tables

Table Views

Table View Cells

Table View Protocols

Index Path

Implementing Table Views

Selection

Sections and Indexes

Custom Cells

Table Views in Navigation Controllers

Adding Rows

Deleting Rows

Moving Rows

Table View Controller

Refresh Control

Static Tables

Search

Search Bar

QUICK REFERENCE

UITableView

UITableViewCell

UITableViewDelegate

UITableViewDataSource

IndexPath

UISwipeActionsConfiguration

UIContextualAction

UIRefreshControl

UISearchController

UISearchResultsUpdating

UINavigationItem

UISearchBar

UISearchBarDelegate

This guide assumes that you have a basic knowledge of app development, Xcode, and the Swift language. If you don't know how to program in Swift or how to create an application with Xcode, download our guides Introduction to Swift and Interface Builder. For a complete course on app development for iOS, read our book iOS Apps for Masterminds.

This guide is a collection of excerpts from the book iOS Apps for Masterminds. The information included in this guide will help you understand a particular aspect of app development in iOS, but it will not teach you everything you need to know to develop an app for Apple devices. If you need a complete course on app development for iOS, read our book iOS Apps for Masterminds. For more information, visit our website at www.formasterminds.com.

 Learn how to program CSS Style Sheets to style your documents. After reading this guide, you will know how to style HTML elements, how to modify the styles dynamically, and how to use CSS to design your website or web application.

Table of Contents

CSS

Styles

Applying Styles

Cascading Style Sheets

References

Keywords

Id Attribute

Class Attribute

Other Attributes

Pseudo-Classes

Properties

Text

Colors

Sizes

Background

Borders

Shadows

Gradients

Filters

Transformations

Transitions

Animations

WEB DESIGN

Boxes

Display

Traditional Box Model

Floating Content

Floating Boxes

Absolute Positioning

Columns

Real-life Application

Flexible Box Model

Flex Container

Flexible Elements

Organizing Flexible Elements

Real-life Application

QUICK REFERENCE

Pseudo-clases

Fonts

Text

Colors

Size and Position

Background

Border

Shadows

Gradients

Effects

Transformations

Animation

Design

Columns

Flexible Model

This guide assumes that you have a basic knowledge of HTML and you know how to create files and upload them to a server. If you don't know how to program in HTML, you can download our guide Introduction to HTML. For a complete course on web development, read our book HTML5 for Masterminds.

This guide is a collection of excerpts from the book HTML5 for Masterminds. The information included in this guide will help you understand a particular aspect of web development, but it will not teach you everything you need to know to develop a website or a web application. If you need a complete course on web development, read our book HTML5 for Masterminds. For more information, visit our website at www.formasterminds.com.

 Learn how to incorporate images, video and audio into your iOS applications. After reading this guide, you will know how to display images, how to create the app's icons and launching screen, how to play video and audio, how to manage the user's Photos Library, how to record video and audio from the camera and the microphone, and how to apply filters with Core Image.

Table of Contents

IMAGES

Using Images

Images and Image Views

Assets Catalog

Core Image

MEDIA

Video

Asset

Player Item

Player

Player Layer

Time

Video Player

AVKit Framework

Audio

Audio Player Delegate

Recording

User Media

Media Controller

Query Media

Image Picker Controller

Camera

Photo Library

Adapting the Controller

Storing Pictures

Modifying Pictures

Custom Controllers

Camera

Photos

Videos

QUICK REFERENCE

UIImage

UIImageView

CIImage

CIContext

CIFilter

AVURLAsset

AVPlayerItem

AVPlayer

AVPlayerLayer

CMTime

AVQueuePlayer

AVAudioPlayer

AVAudioPlayerDelegate

AVAudioRecorder

AVAudioRecorderDelegate

AVAudioSession

MPMediaPickerController

MPMediaPickerControllerDelegate

MPMediaItemCollection

MPMediaItem

MPMediaQuery

MPMediaPropertyPredicate

UIImagePickerController

UIImagePickerControllerDelegate

Functions

AVCaptureDevice

AVCaptureDeviceInput

AVCapturePhotoCaptureDelegate

AVCaptureSession

AVCaptureVideoPreviewLayer

AVCaptureConnection

AVCapturePhotoOutput

AVCapturePhotoSettings

AVCapturePhoto

PHAsset

PHImageManager

PHPhotoLibrary

This guide assumes that you have a basic knowledge of app development, Xcode, and the Swift language. You should also know how to create and display Collection Views. If you don't know how to program in Swift, how to work with Collection Views, or how to create an application with Xcode, download our guides Introduction to Swift, Table Views and Collection Views, and Interface Builder. For a complete course on app development for iOS, read our book iOS Apps for Masterminds.

This guide is a collection of excerpts from the book iOS Apps for Masterminds. The information included in this guide will help you understand a particular aspect of app development in iOS, but it will not teach you everything you need to know to develop an app for Apple devices. If you need a complete course on app development for iOS, read our book iOS Apps for Masterminds. For more information, visit our website at www.formasterminds.com.

 Learn how to program with JavaScript. After reading this guide, you will know how to create a program in JavaScript, how to define functions and objects, and how to read and modify an HTML document dynamically.

Table of Contents

JAVASCRIPT

Introduction to JavaScript

Implementing JavaScript

Variables

Strings

Booleans

Arrays

Conditionals and Loops

Control Transfer Instructions

Functions

Declaring Functions

Scope

Anonymous Functions

Standard Functions

Objects

Declaring Objects

Methods

The this Keyword

Constructors

The new Operator

Inheritance

Standard Objects

String Objects

Array Objects

Date Objects

Math Object

Window Object

Document Object

Element Objects

Creating Element Objects

Events

The addEventListener() Method

Event Objects

Debugging

Console

Console Object

Error Event

Exceptions

APIs

Native Libraries

External Libraries

QUICK REFERENCE

Event Attributes

Instructions

Constructors

Strings

Arrays

Dates

Properties

Functions

Window Object

Document Object

Element Object

Events

Errors

This guide assumes that you have a basic knowledge of web development, HTML and CSS, and you know how to create files and upload them to a server. If you need more information on web development or you don't know how to program in HTML and CSS, download our guides Web Development, Introduction to HTML and Introduction to CSS. For a complete course on web development, read our book HTML5 for Masterminds.

This guide is a collection of excerpts from the book HTML5 for Masterminds. The information included in this guide will help you understand a particular aspect of web development, but it will not teach you everything you need to know to develop a website or a web application. If you need a complete course on web development, read our book HTML5 for Masterminds. For more information, visit our website at www.formasterminds.com.

©2018 GoogleSite Terms of ServicePrivacyDevelopersArtistsAbout Google
By purchasing this item, you are transacting with Google Payments and agreeing to the Google Payments Terms of Service and Privacy Notice.