You are here

Home » API reference » Scald: Media Management made easy 6

Quadratic Curve Test in Scald: Media Management made easy 6

This tests that drawing quadratic curves work in the same way in different browsers.

Quadratic Curve Test

This tests that drawing quadratic curves work in the same way in different browsers.

File

dnd/js/bt/other_libs/excanvas_0002/testcases/quadraticcurve.html
View 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>