javascript
/
tentone.escher.js
镜像来自 https://github.com/tentone/escher.js.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
							<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Equation Editor</title>
</head>
<body style="font-size:30px; font-family: Arial;">
	<!-- Page -->
	<div style="position:absolute; width:100%; height:100%; top:0px; left:0px; overflow: hidden;">
		<!-- Canvas -->
		<canvas id="canvas" style="position:absolute; width:100%; height:100%; top:0px; left:0px;"></canvas>
	</div>

	<!-- Code -->
	<script type="text/javascript" src="../build/escher.js"></script>
	<script type="text/javascript">
		// Canvas
		var canvas = document.getElementById("canvas");
		canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

		// Resize canvas on window resize
		window.onresize = function()
		{
			canvas.width = window.innerWidth;
			canvas.height = window.innerHeight;
		};

		var group = new Escher.Object2D();

		var text = new Escher.Text();
		text.position.set(0, -100);
		text.text = "Hello World!"
		group.add(text);

		var box = new Escher.Box();
		box.position.set(-100, 0);
		group.add(box);

		var circle = new Escher.Circle();
		circle.position.set(100, 0);
		circle.radius = 50;
		group.add(circle);

		var viewport = new Escher.Viewport(canvas);

		var renderer = new Escher.Renderer(canvas);
		renderer.createRenderLoop(group, viewport);

	</script>
</body>
</html>