HTML5 Canvas Lesson1: Rectangles

This is the first lesson in my HTML5 canvas series. This tutorial will teach you the basics of using HTML5's canvas feature and also teach you how to draw rectangles and stroked rectangles. Please rate, comment, and subscribe Thanks!

Category:

Howto & Style

Tags:

• html
• canvas
• lesson
• series
• rectangle
• stroke
• drawing

[tHebadteen]

you must have some private shit on your desktop @TheNinthWorld

[TheNinthWorld]

@tHebadteen lol, i think at the time i was messing around with the features in camtastia

[stealeyes]

Your using a Mac I see. Strange, in your other videos you're using a PC. Did you get a Mac? If so how are you liking it?

[TheNinthWorld]

@stealeyes its just skinning, if i did get a mac, it would be an iPad(not a mac but its a laptop(ish) made by apple)

[nero1108]

Thank you very much for the tutorial! :D I saw you can even make games using the canvas and JavaScript. HTML 5 really eliminates the need for Flash and other plugins.. xD

[MLWALK3R]

13 year old gay kid or woman ?

[magialatina0901]

Nice but the letters are really small, very hard to see, I need a magnify glass.

[SuperPhilobeddoe]

@SuperPhilobeddoe yes

[SuperPhilobeddoe]

can i do own game in html 5

[iFhernd]

Thanks for this. It is clear and simple.

[wakeupfist]

I'm getting a white blank page with nothing in it - not even the text between the 'canvas' tags. I tried Chrome and Firefox. Why is this. Has HTML5 changed a lot since the time of writing of this tutorial?

[Joseolso]

Oh thnx for the explanation :)

[bigOinternet]

flash looks awesome but it slows everything down.

[firstaravindyt]

Nice Stuff..... This is very useful...... thanks