Tag Archives: HTML5

Random Background Alternate Image Source Tutorial

Onto the recent Random Background Image Map Integration Tutorial‘s web application’s use of … Lorem Picsum image repository “source” of image data … today we allow the user to, instead, get images from … RJM Programming WordPress Tutorial Images (ie. … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Random Background Image Map Integration Tutorial

Like with … yesterday’s Inhouse Image Map WordPress Integration Tutorial we continue with Image Map functionality integrations … today where … we are revisiting the random backgrounds themes of Random Background Webpage Masking Tutorial‘s use of the great Lorem Picsum … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Inhouse Image Map WordPress Integration Tutorial

The recent work of Inhouse Image Map Creator Browsing Tutorial … established a URL means by which a single URL call from the canvas residing Inhouse Image Map Creator and Canvas Annotation web application via a data URI hashtag conduit … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Inhouse Image Map Creator Browsing Tutorial

Repeat after me … an image is a canvas is an image ? an image is a canvas is an image … good, now, again … an image is a canvas is an image … an image is a canvas … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Canvas Methods GetContext Method Tutorial

A lot of canvas element Javascript coding, we find, starts something like … var cnv=document.getElementById(“mycanvas”); var ctx=cnv.getContext(“2d”); … because we normally associate the canvas element with a 2 dimensional woooooooorrrrrrlllllldddd view, as with the recent Canvas Methods ToDataURL Method Tutorial. … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Canvas Methods ToDataURL Method Tutorial

The recent Canvas Methods DrawImage Method Tutorial‘s … [canvasContext].drawImage method user forms … is joined today by the very useful [canvas].toDataURL method user forms … … as a means by which those “platform independent” (but sizeable) data URI representations of … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Canvas Methods DrawImage Method Tutorial

Today we’re completing our HTML5 canvas [canvasContext].drawImage method started recently with Canvas Methods Revisit Tutorial where we had a start using … Positioning … via 3 arguments … [canvasContext].drawImage([inObjectThatSuits], [X co-ordinate], [Y co-ordinate]); … today we add … Positioning and … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , | Leave a comment

Canvas Methods Revisit Tutorial

When we started being “blown away” by the potential of the HTML5 canvas element coming into play quite some time ago now, it was a bit like … Wow!! But where to start? … and due to our naivety we … Continue reading

Posted in eLearning, Event-Driven Programming, OOP, Tutorials | Tagged , , , , , , , , , | Leave a comment