In this recipe, we'll create a nifty drawing application so users can draw pictures right in the browser.
Follow these steps to create a simple drawing application:
Style the toolbar, inputs, and buttons:
<style> canvas { border: 1px solid black; font-family: “Helvetica Neue”, “Arial”, “Lucida Grande”, “Lucida Sans Unicode”, “Microsoft YaHei”, sans-serif; font-size: 13px; line-height: 1.5; color: #474747; } #toolbar { width: 590px; border: 1px solid black; border-bottom: 0px; padding: 5px; background-color: #f8f8f8; } input[type = ‘text’] { width: 30px; margin: 0px 5px 0px 5px; } label { margin-left: 40px; } ...