index.html

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="utf-8">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
  <title>学写一个字</title>
  <script src="./jquery.js" type="text/javascript"></script>
  <link href="./main.css" rel="stylesheet" type="text/css">
</head>
<body>
  <canvas id="canvas">
    您的浏览器不支持canvas
  </canvas>
  <div id="controller">
    <div id="black_btn" class="color_btn color_btn_selected"></div>
    <div id="blue_btn" class="color_btn"></div>
    <div id="green_btn" class="color_btn"></div>
    <div id="red_btn" class="color_btn"></div>
    <div id="orange_btn" class="color_btn"></div>
    <div id="yellow_btn" class="color_btn"></div>
    <div id="clear_btn" class="op_btn">清除</div>
    <div class="clearfix"></div>
  </div>
  <script src="./main.js"></script>
</body>
</html>