Introduction to HTML5 Canvas - HTML5 Canvas - page 46

Some Necessary Properties

For this application we need a few properties to set everything up.

The alpha property is the value that we will apply to context.globalAlpha to set the trans-
parency value for text that we will fade in and out. It is set to 0 to start, which means the text
will start completely invisible. We will explain more about this in the next section.

The fadeIn property will tell our application if the text is currently fading in or fading out.

The text property holds the string we will display.

The helloWorldImage property will hold the background image we will display behind the
fading text:

var var alpha = 0 ;

var

var fadeIn = true true ;

var var text = "Hello World" ;

var var helloWorldImage = new new Image ();

helloWorldImage . src = "html5bg.jpg" ;