HTML5 and JavaScript Projects

Introduction

The project for this chapter is a utility for manipulating objects on a canvas to produce a picture. I call it a utility because one person does the programming and gathers photographs and designs and then can offer the program to friends, family members, colleagues and others to produce the compositions / collages. The result can be anything from an abstract design to a collage of photographs. The objects in my example include two rectangles, an oval, a circle, a heart, and five family photographs. It is possible for you, or, perhaps, your end-user/customer/client/player, to make duplicate copies of any of the objects or to remove any of the objects. The end-user positions the object using drag and drop with the mouse. When the ...