<!doctype html>
<html>
<head>
<title>Hough Transform in JavaScript</title>
<meta charset="utf-8">
<!--
 Copyright 2012 Guillaume Marty

 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

 http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
-->
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css" rel="stylesheet">
<style>
canvas {
  border: 1px solid black;
}
</style>
</head>
<body>
<h1>Hough Transform in JavaScript</h1>
<canvas id=drawing width=200 height=200></canvas>
<canvas id=houghSp width=360 height=283></canvas>
<p>This is a basic demo of Hough transform in JavaScript.
<p>Write shapes in the left canvas and see what it looks like in a Hough space on the right.
<script src="hough-transform.js"></script>
</body>
</html>

<!doctype html>
<html>
<head>
<title>Hough Transform in JavaScript</title>
<meta charset="utf-8">
<!--
 Copyright 2012 Guillaume Marty

 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

 http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
-->
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css" rel="stylesheet">
<style>
canvas {
  border: 1px solid black;
  cursor: crosshair;
}
</style>
</head>
<body>
<h1>Hough Transform in JavaScript</h1>
<canvas id=drawing width=200 height=200></canvas>
<canvas id=houghSp width=360 height=283></canvas>
<p>This is a basic demo of Hough transform in JavaScript.
<p>Write shapes in the left canvas and see what it looks like in a Hough space on the right.
<script src="hough-transform.js"></script>
</body>
</html>

Use crosshair as cursor on canvas
Use crosshair as cursor on canvas
