Mercurial > defr > drupal > scald > dnd

view js/bt/other_libs/excanvas_0002/testcases/quadraticcurve.html @ 35:abc9d39cfbe9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Switch the trigger from mouseover to click. MouseOver is problematic if people want to interact with the content of the popup, for example to click the play button of an swf player.
author Franck Deroche <franck@defr.org>
date Fri, 18 Sep 2009 15:11:03 +0200
parents 0d557e6e73f7
children
line wrap: on
line source
<!DOCTYPE html>
<html>
<head>
<title>Quadratic Curve 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;
  ctx.beginPath();
  ctx.moveTo(50, 50);
  ctx.quadraticCurveTo(0, 0, 25, 75);
  ctx.quadraticCurveTo(50, 0, 50, 50);
  ctx.stroke();
};

</script>
</head>
<body>

<canvas id=c width=100 height=100></canvas>

<p>This tests that drawing quadratic curves work in the same way in different
browsers.</p>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Quadratic Curve 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;
  ctx.beginPath();
  ctx.moveTo(50, 50);
  ctx.quadraticCurveTo(0, 0, 25, 75);
  ctx.quadraticCurveTo(50, 0, 50, 50);
  ctx.stroke();
};

</script>
</head>
<body>

<canvas id=c width=100 height=100></canvas>

<p>This tests that drawing quadratic curves work in the same way in different
browsers.</p>

</body>
</html>