Formula-animator/colm_exp.html at master · pchvykov/Formula-animator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<head>
<script src="lib/jquery-1.11.1.min.js"></script>
<script src="lib/raphael.js"></script>
<script src="lib/peg.0.8.0.js"></script>
<script src="js/renderer.js"></script>
<script src="js/data.js"></script>
<script src="js/animate.js"></script>
<script src="js/event.js"></script>
<script src="js/parser.js"></script>
<script src="js/main.js"></script>
<script src="js/mock.js"></script>

	<style type="text/css">
	            #canvas_container {
	                width: 500px;
	                border: 1px solid #aaa;
	            }
	</style>
</head>

<body>
	<div id="canvas_container"></div> <!-- My addition -->

<input id="formula_latex" type="text"></input>
<div id="formula_latex_debug">

</div>
<div style="background-color:black;" id="formula_container">


</div>

<script>
//alert("Hello! I am an alert box!!");
console.log("test_animate")
//var paper = new Raphael(10, 50, 320, 200);
var paper = new Raphael(document.getElementById('canvas_container'), 500, 500);

edwin_obj = paper.text(400, 400, "me0");
edwin_obj.attr({
  'font-size':30
});

var path = new AnimationHandler().animate_arc(edwin_obj,250, 100);
console.log(path)

// console.log("raphael1234")

set_result = scan_tree_v3(mock6,0,0,0,paper);
display_set_result = display_equation(set_result,[10,10]);

 </script>


</body>