The Terasology Foundation

Integrate HTML canvas for code badge project

Reference: Github Issue #19 (Make sure to read the complete task details on GitHub)

What you will need to know?

Basics of HTML Canvas, CSS.

Integrate HTML canvas for illustrator environment

Create a new route in codebadge project for new badge creation. The route shall be directed to a new page which shall have an HTML Canvas integrated where the user can create their badges. This canvas must be centrally aligned and must be white.

Expected Outcome

The route /newbadge shall be made and must have an HTML canvas integrated. for example, you can see the screenshot provided in the GitHub issue above.

Resources & References (Where to Start)

You can go through HTML Canvas tutorial and edit its code. Refer sample drawing app made in simple HTML, css and javascript for help. Reference UI design for task https://images.app.goo.gl/24Y1uLi9Mn4XQ3b18

Task tags

  • codeuino

Students who completed this task

Tiff

Task type

  • code Code
close

2019