diff js/bt/other_libs/excanvas_0002/testcases/linewidth.html @ 18:0d557e6e73f7

Added beautytips and some additional event handling code to the library.
author David Eads <eads@chicagotech.org>
date Fri, 06 Mar 2009 14:11:46 -0600
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/js/bt/other_libs/excanvas_0002/testcases/linewidth.html	Fri Mar 06 14:11:46 2009 -0600
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Line Width Test</title>
+<style>
+
+body {
+  text-align: center
+}
+
+</style>
+<!--[if IE]><script type="text/javascript" src="../excanvas.js"></script><![endif]-->
+<script>
+
+window.onload = function() {
+  var ctx = document.getElementById('c').getContext('2d');
+
+  ctx.strokeStyle = 'black';
+  ctx.lineWidth = 1;
+  for (var i = 0; i < 100; i++) {
+    ctx.beginPath();
+    ctx.moveTo(49 + i / 100, i);
+    ctx.lineTo(49 + i / 100, i + 1);
+    ctx.closePath();
+    ctx.stroke();
+  }
+
+  for (var i = 0; i < 100; i++) {
+    ctx.beginPath();
+    ctx.moveTo(i, 49 + i / 100);
+    ctx.lineTo(i + 1, 49 + i / 100);
+    ctx.closePath();
+    ctx.stroke();
+  }
+};
+
+</script>
+</head>
+<body>
+
+<canvas id=c width=100 height=100></canvas>
+
+<p>This tests that lines work in the same way in different browsers when you are
+using sub pixel coordinates.</p>
+
+</body>
+</html>
\ No newline at end of file