Canvas

Canvas advantages

Interactivity

Animation

Flexibility

Browser Support

Popularity

Web standard

Portability

Free tools

Canvas Examples

Drawing lines

            context.beginPath();
            context.moveTo(50,50);
            context.lineTo(250,150);
            context.stroke();
	     

Draw Rectangle

            context.fillStyle = 'yellow';
            context.fillRect(50, 50, 200, 100);
	     

Draw Text

            context.font = 'italic 40pt Calibri, sans-serif';
            context.fillText('Hello World!', 50, 50);
	     

Canvas features

Gaming

Data Representation

Education and Training

Art and Decoration

Thanks

for attention