diff options
author | caryclark <caryclark@google.com> | 2015-11-16 13:36:08 -0800 |
---|---|---|
committer | Commit bot <commit-bot@chromium.org> | 2015-11-16 13:36:08 -0800 |
commit | 3257c12220c411cc9db564e6bf02baba4c1bc061 (patch) | |
tree | de67bc0cbdcaba91f0a3ff18ddfc406e08bc17c7 /experimental/docs/jsonbaseddoc.htm | |
parent | 73d882e13fc54ff9ecc53a83838c2d900ebf8397 (diff) |
runs some sample animations side by side in canvas and svg
TBR=fmalita@chromium.org
Review URL: https://codereview.chromium.org/1342523002
Diffstat (limited to 'experimental/docs/jsonbaseddoc.htm')
-rw-r--r-- | experimental/docs/jsonbaseddoc.htm | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/experimental/docs/jsonbaseddoc.htm b/experimental/docs/jsonbaseddoc.htm new file mode 100644 index 0000000000..bceabaebc6 --- /dev/null +++ b/experimental/docs/jsonbaseddoc.htm @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + +<script src="utilities.js"></script> + +<script src="animationCommon.js"></script> +<script src="backend.js"></script> +<script src="canvasBackend.js"></script> +<script src="exampleSlides.js"></script> +<script src="interpolatorFunctions.js"></script> +<script src="svgBackend.js"></script> + +<script> + +var frame = 1; + +function keypress() { + init('all', 'keyframe' + frame); + if (++frame > 7) { + frame = 1; + } +} + +function onload() { + init('all', 'keyframe6'); +} + +</script> + +</head> + +<body onLoad="onload()" onKeypress="keypress()"> + +<canvas id="canvas" width="770" height="500" ></canvas> + +<svg id="svg" width="770" height="500" + xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" /> + +</body> +</html> |