Mercurial > hg > NetworkVis
diff d3s_examples/python-neo4jrestclient/static/platin/lib/excanvas/testcases/resizing.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/resizing.html Thu Oct 01 17:17:27 2015 +0200 @@ -0,0 +1,65 @@ +<html> +<head> + <title>ExplorerCanvas Text Case</title> + <!--[if IE]><script type="text/javascript" src="../excanvas.js"></script><![endif]--> + <script> + // Safari is known not to handle resizing well, expect this to + // compare to Firefox + + var cv, ctx, size = 80; + var img = new Image(); + img.src = "../examples/ff.jpg"; + + function a() { + cv = document.getElementById("aa"); + ctx = cv.getContext("2d"); + + l(); + } + + function l() { + size = (size + 1) % 800; + cv.width = Number(size + 200); + cv.height = Number((size + 200) / 2); + + // Firefox autoclears the canvas at this point + + ctx.save(); + ctx.translate(50, 50); + ctx.scale(0.1, 0.1); + ctx.rotate(size/800 * Math.PI*8); + ctx.drawImage(img, 0, -75); + ctx.restore(); + + ctx.save(); + ctx.beginPath(); + ctx.moveTo(0, 0); + ctx.lineTo(cv.width, cv.height); + ctx.moveTo(20, 20); + ctx.lineTo(80, 20); + ctx.lineTo(80, 80); + ctx.lineTo(20, 80); + ctx.stroke(); + ctx.closePath(); + ctx.restore(); + + ctx.save(); + ctx.beginPath(); + ctx.scale(size / 200, size / 200); + ctx.arc(100, 50, 20, 0, Math.PI, true); + ctx.fill(); + ctx.restore(); + + setTimeout(l, 50); + } + </script> + <style> + canvas { + background-color:#eee; + } + </style> +</head> +<body onload="a();"> +<canvas id="aa" width="200" height="200">Fallback <b>content</b> markup</canvas> +</body> +</html>