N-gones: Difference between revisions

Latest revision as of 09:13, 6 August 2015

This example is from

@@ Line 1: / Line 1: @@
 <html>
-<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
-<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>
-<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
 <form><textarea id="inputtext" rows=12 cols=35 wrap="off" style="width:600px;">
 function n_eck(ne,sz) {
@@ Line 19: / Line 16: @@
 t.cs();
-t.setProperty({strokeWidth:4,strokeOpacity:0.6});
+t.setProperty({strokeWidth:4,strokeOpacity:0.6,fillOpacity:0.3});
 t.hideTurtle();
 mn_eck(36,20);
@@ Line 28: / Line 25: @@
 </html>
 ===Output===
-<html>
-<div id="box" class="jxgbox" style="width:600px; height:600px;"></div>
+<jsxgraph box="box" width="600" height="600">
-<script language="JavaScript">
+var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-300, 300, 300, -300]});
-var brd = JXG.JSXGraph.initBoard('box', {originX: 300, originY: 300, unitX: 1, unitY: 1});
+var t = brd.create('turtle',[],{fillColor:'yellow'});
-var t = brd.createElement('turtle',[],{fillColor:'yellow'});
 function run() {
    brd.suspendUpdate();
-   var code = $('inputtext').value;
+   var code = document.getElementById('inputtext').value;
    if (code=='') { return; }
    eval(code);
@@ Line 44: / Line 40: @@
 }
 run();
-</script>
+</jsxgraph>
-</html>
+* [[Slow version]]
 ===References===