Mercurial > hg > NetworkVis
diff d3s_examples/python-neo4jrestclient/static/platin/lib/excanvas/testcases/quadraticcurve.html @ 8:18ef6948d689
new d3s examples
| author | Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> |
|---|---|
| date | Thu, 01 Oct 2015 17:17:27 +0200 |
| parents | |
| children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/d3s_examples/python-neo4jrestclient/static/platin/lib/excanvas/testcases/quadraticcurve.html Thu Oct 01 17:17:27 2015 +0200 @@ -0,0 +1,56 @@ +<!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.save(); + + 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(); + + ctx.restore(); + + // Same with some scaling + ctx.save(); + + ctx.translate(-56, -24); + ctx.scale(3.5, 1.5); + ctx.strokeStyle = '#ddd'; + ctx.lineWidth = 1; + ctx.beginPath(); + ctx.moveTo(50, 50); + ctx.quadraticCurveTo(0, 0, 25, 75); + ctx.quadraticCurveTo(50, 0, 50, 50); + ctx.stroke(); + + ctx.restore(); +}; + +</script> +</head> +<body> + +<canvas id=c width=200 height=200></canvas> + +<p>This tests that drawing quadratic curves work in the same way in different +browsers.</p> + +</body> +</html>