2016-12-31 08:00:57 -07:00
|
|
|
<html>
|
|
|
|
|
<head>
|
2017-11-05 13:59:11 +14:00
|
|
|
<script type="text/javascript" src="scripts/pos.js"></script>
|
|
|
|
|
<script type="text/javascript" src="scripts/path_line.js"></script>
|
|
|
|
|
<script type="text/javascript" src="scripts/path_arc.js"></script>
|
|
|
|
|
<script type="text/javascript" src="scripts/path_bezier.js"></script>
|
2016-12-31 08:00:57 -07:00
|
|
|
<script type="text/javascript" src="scripts/dotgrid.js"></script>
|
2016-12-31 10:37:10 -07:00
|
|
|
<script type="text/javascript" src="scripts/keyboard.js"></script>
|
2016-12-31 08:00:57 -07:00
|
|
|
<link rel="stylesheet" type="text/css" href="links/reset.css"/>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="links/fonts.css"/>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="links/main.css"/>
|
2017-01-04 10:51:45 -07:00
|
|
|
<title>Dotgrid(Icon)</title>
|
2016-12-31 08:00:57 -07:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2016-12-31 11:16:00 -07:00
|
|
|
<pre>
|
2016-12-31 13:55:35 -07:00
|
|
|
q <b>CLEAR</b>
|
|
|
|
|
w <b>DELETE LAST</b>
|
|
|
|
|
e <b>EXPORT</b>
|
|
|
|
|
aA <b>CLOCKWISE</b>
|
|
|
|
|
sS <b>COUNTERWISE</b>
|
2016-12-31 11:16:00 -07:00
|
|
|
d <b>LINE</b>
|
|
|
|
|
</pre>
|
2017-01-04 10:48:08 -07:00
|
|
|
<script>
|
2017-11-05 13:59:11 +14:00
|
|
|
dotgrid = new Dotgrid(300,300,30,30,5,5, 10,"square","#000000");
|
2017-01-04 10:48:08 -07:00
|
|
|
dotgrid.install();
|
|
|
|
|
var keyboard = new Keyboard();
|
2017-01-07 08:58:45 -07:00
|
|
|
document.onkeyup = function myFunction(event){ keyboard.listen(event); };
|
2017-01-04 10:48:08 -07:00
|
|
|
document.addEventListener('mousedown', function(e){ dotgrid.mouse_down(e); }, false);
|
|
|
|
|
document.addEventListener('mousemove', function(e){ dotgrid.mouse_move(e); }, false);
|
|
|
|
|
document.addEventListener('mouseup', function(e){ dotgrid.mouse_up(e);}, false);
|
|
|
|
|
</script>
|
2016-12-31 08:00:57 -07:00
|
|
|
</body>
|
|
|
|
|
</html>
|
