wacomink
Version:
34 lines (28 loc) • 1.48 kB
HTML
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
<title>Sample 7, Part 1</title>
<script type="text/javascript" src="dist/scripts/jquery.min.js"></script>
<script type="text/javascript" src="dist/scripts/js.ext.js"></script>
<script type="text/javascript" src="dist/engine/Module.js"></script>
<script async type="text/javascript" src="dist/engine/WacomInkEngine.js"></script>
<script type="text/javascript" src="dist/index.js"></script>
<style type="text/css">
body {position: relative; overflow: hidden; margin: 0; padding: 0; background-color: #252525; color: white;}
canvas {border: 0px none;}
h2, p {margin-left: 20px;}
</style>
</head>
<body>
<canvas id="canvas" oncontextmenu="event.preventDefault();"></canvas>
<div style="position: absolute; right: 0; top: 0;">zoom: <span id="zoom">100</span>%</div>
<div style="position: absolute; right: 0; top: 15px;">pan: <span id="pan">x: 0, y: 0</span></div>
<a href="javascript:void(0)" style="position: absolute; right: 10px; top: 40px; color: red;" id="reset">reset</a>
<a href="javascript:WILL.clear()" style="position: absolute; right: 10px; top: 60px; color: green;">clear</a>
<h2>Sample 7, Part 1</h2>
<p>Raster - Pan and Zoom</p>
</body>
</html>