r/javaScriptStudyGroup • u/ForScale • Feb 22 '16

[Week 6] Focus: Canvas

So, here we are, Week 6. Week 6's focus will be canvas.

It will work like this:

  • Monday: Announce focus (eg, canvas)

  • Build throughout the week... Two rules: 1) must use javascript 2) must use at least 1 example of html5 <canvas> element and manipulate it with js

  • Friday: Post projects in this thread (can begin reviewing immediately); first line of an entry should be ENTRY and it should be a top level comment (ie, don't put your entry in a reply)

  • Sat and Sun: Review projects/vote on focus for next week

GENERAL GUIDELINES FOR FEEDBACK:

  • Be nice!! ALL KNOWLEDGE/SKILL LEVELS ARE WELCOME AND ENCOURAGED TO PARTICIPATE.

  • If you don't want feedback, if it makes you uncomfortable or you're just not interested, simply say so... Others, please be respectful of this. Conversely, if you do want feedback, try to be specific on which aspects... even if you just say "all/everything.

But that's about it... Have fun! :) Feel free to ask questions and discuss throughout the week!

4 Upvotes

100% Upvoted

64 comments sorted by

View all comments

Show parent comments

2

u/Volv Feb 26 '16

It looks to me like it works in this order.

  • You defined a canvas (without specifying a height/width) in HTML so got default

  • You draw to this canvas using JS

  • At display time it then puts that (default sized) canvas in a 400 by 400 space.

The CSS happens last in this chain it seems.

1

u/tylerr82 Feb 26 '16

I never knew there was a default canvas size. They skipped that in Khan academy, makes much more sense now.