Skip to content

24 ways to impress your friends

The Art of Mathematics: A Mandala Maker Tutorial

4 Comments

Shane Hudson

This is brilliant. From absolute basics through to a working Mandala, I think a lot of people will find this really fun and a great way to learn canvas.

Vadim Makeev

Thank you for the article! Unlike many Canvas tutorials it’s super friendly to beginners. And may I suggest a few nitpicky things to make your sample’s markup perfect? Add lang=“en” attribute to html, remove type=“text/css” from link (rel=“stylesheet” is more than enough) and remove closing slash from input as all the other self-closing tags don’t have one.

Brian LePore

While I love this article as it teaches many great things about canvas, I would suggest trying for better text within the canvas element. That text is what is sent to assistive technology, not just older versions of IE that don’t support canvas.

For this particular tutorial I do not have a better suggestion. But something like that should be kept in mind. A lot of times I’ve developed canvas stuff to show graphs and including an HTML table inside listing tabular data is a good fallback.