<!DOCTYPE html>
<title>image zoom and pan</title>

<!--
This is a different API for the same code as in cpu2.html
The main difference is that this code is re-entrant, and supposed to be inlined
in script tags after each cpu widget.  Thus, it can be integrated easily
into the output cells of an ipython notbook.
-->


<style>
.cpu {
	width: 600px;
	height: 400px;
	overflow: hidden;
	border: 1px solid #000;
	background: #ccc;
}

.cpu > img {
	image-rendering: crisp-edges;
}
</style>

<h1>image zoom and pan</h1