Using drag and drop


show more Using drag and drop provides you with in-depth training on Developer. Taught by Andy Olsen as part of the HTML5 Power Workshop show less
please wait ...

Using drag and drop

In this lesson I'm going to show you how to do drag and drop in HTML5. I'm going to drag several image files from my web publishing folder, Iinetpub www root onto one of these two canvases on my test web page. So, first of all, let me take one of these images, I'll take the Welsh flag, and I'll drag it and drop it over the fixed size canvas. So, as you can see, the canvas has accepted the file, and drawn it as an image, on the canvas. And the image, expands to fill the canvas size, in that first example. Now, see what happens when I drag the same image onto the second canvas. In this case, it actually draws the image in its real size, as opposed to expanding the image, to be the same size as the canvas was originally. To show you that, more vividly, I've got a picture here, of a ski run, called the Honey comb.

And I'll drag that first of all on to the first image. So, as you can see there, it's filled the canvas and if I do the same on the secon...

Using drag and drop
Video duration: 6m 24s 3h 9m Intermediate

Viewers:

Using drag and drop provides you with in-depth training on Developer. Taught by Andy Olsen as part of the HTML5 Power Workshop

Subjects:
Developer Web video2brain
Software:
HTML
Author:
please wait ...