app.html

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=0.5,user-scalable=no"/>
<meta charset="utf8">
<title>Free mind</title>
<link type="text/css" rel="stylesheet" href="out/dist/static/app.css">
<link rel="stylesheet" type="text/css" href="res/Flaticon/flaticon.css">
</head>

<body>

<div id="main-scene">
	<canvas class="store"><!--
		变化较少
		1. 已经绘制好的元素
	 --></canvas>
	<canvas class="volatile"><!--
	 变化频繁的层:
		1. 光标位置
		2. 当前绘制的元素
	  --></canvas>
</div>

<aside id="ctrl">
	<h3>Controls</h3>
	<section> <i class="flaticon-check54"></i></section>
	<section>
		<i data-ctrl-name="circle" class="flaticon-circle107"></i>
		<i data-ctrl-name="polyline" class="flaticon-irregular10"></i>
	</section>

</aside>

<div id="status">
	<label id="size"></label> <br>
	<hr>
<label id="coords">0, 0</label>

</div>

</body>
<script type="text/javascript" src="lib/require.js"></script>
<script type="text/javascript" src="src/app.js"></script>

</html>