Windows WPF, overlapping images on canvas.

1.1. Create a file type .ckp. Register a file type and assign your program to be the default program. 2. 2. The .ckp is an xml file. Due to the limited space here, view the details of this file format in the advanced 3. Read a .ckp file in a folder, retrieve all the image tag and store the image filenames and its transformation, alpha channel info into an array. 4. Search within the same folder (do not search into the subfolders) and Read each image file into writeablebitmap, set alpha. If a file is missing, ignore it. 5. Do scale, rotation, and translation for each image according to the order of its appearance on the .ckp file. Note the transformation center for each operation may varies. 6. After transformation, ace all the processed images on a canvas according to the width and height in the .ckp file. Overlap each image based on its order in the .ckp file. First file on top, the last file at the bottom. 7. Reorder the sequence of the images. Save them back to the .ckp file. ## Deliverables 1. Create a WPF user control on one project. 2. Create the Application that reference this user control. 3. Testing: > a. Create a .ckp file contains three images and with scaling, translation, rotation, and alpha. > b. Read in the .ckp file. > c. hardcode to change the order and save it back. > > 4. .CKP file format > ----------------------- .CKP file format -------------------------------- > <ckp> > > <Overlap width, height> > > <image> > <transformation center> > > > <Translation centerX=255, centerY=212.0>(200,105.1)</ Translation > > > <Rotation centerX=101.0, centerY=91.3>270.01</Rotation> > > <Scale centerX=3, centerY=2.5>0.95</Scale> > </transformation> > <alpha>0.5</alpha> > > > <fileName>[login to view URL]</fileName> > > </image> > > </Overlap> > > </ckp> > **Note that the transformation order of translation, rotation, and scale may varies from files to files. The number of image tags may varies from 1 to 100.** > > > > >