diff js/bt/other_libs/excanvas_0002/testcases/arc.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/arc.html	Fri Mar 06 14:11:46 2009 -0600
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Arc 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.beginPath();
+  ctx.arc(25, 25, 20, 0, Math.PI, false);
+  ctx.stroke();
+
+  ctx.save();
+  ctx.scale(0.5, 0.5);
+  ctx.beginPath();
+  ctx.arc(75, 25, 20, 0, Math.PI * 2, false);
+  ctx.stroke();
+  ctx.restore();
+
+  ctx.beginPath();
+  ctx.arc(25, 75, 20, 0, Math.PI, true);
+  ctx.stroke();
+
+  ctx.beginPath();
+  ctx.arc(75, 75, 20, 0, Math.PI * 2, true);
+  ctx.stroke();
+
+};
+
+</script>
+</head>
+<body>
+
+<canvas id=c width=200 height=100></canvas>
+
+<p>This tests that drawing arches work in the same way in different
+browsers.</p>
+
+</body>
+</html>