DEV Community

Cover image for HTML5 canvas - part 1: Drawing

HTML5 canvas - part 1: Drawing

Guillaume Martigny on May 14, 2018

Drawing in a canvas Since HTML5, it's possible to use the <canvas> tag on your page. But, how are you supposed to use it ? In this first p...
Collapse
 
nektro profile image
Meghan (she/her)
Collapse
 
gmartigny profile image
Guillaume Martigny

github.com/GMartigny/pencil.js
When great minds collide ;)

Collapse
 
nektro profile image
Meghan (she/her)

Very nice indeed :D

Collapse
 
andy profile image
Andy Zhao (he/him)

Cool intro post! I just started to learn about HTML5 canvas too :)

Collapse
 
gmartigny profile image
Guillaume Martigny

See you soon for part 2. And, don't hesitate to share some of your work here whatever the result. ;)

Collapse
 
iandavid profile image
David Okpare

Hi Guillaume. Quick question: how can I achieve the canvas used on rushordertees.com/design-t-shirts/. Will it part of your coming series, drawing on pictures?

Collapse
 
gmartigny profile image
Guillaume Martigny

Hi David o/
The link you provide did't use <canvas>. However, you can easily achieve the same effect with it. I don't want to sound too teasing, but images will be treated in part 3 ;) (if you have more question, you can mail or tweet me)
Stay tuned.

Collapse
 
iandavid profile image
David Okpare

Also. Great article.

Collapse
 
matthewodle profile image
Matthew Odle

Nice post!

I've been using canvas for a while to make arcade games, mostly as a way to sharpen the Javascript saw.

Collapse
 
dougmckechie profile image
Douglas McKechie

I'm a huge fan of HTML canvas having played with it a lot over a number of years, so great to see a (well written) post about it! HTML canvas can be a lot of fun, looking forward to part 2.

Collapse
 
gmartigny profile image
Guillaume Martigny

Thanks for you comments, it's heartwarming. Hope I could teach you 1 or 2 things despite your experience. Subscribe to not miss out ;)