Hilfe:JSXGraph

aus ZUM-Wiki, dem Wiki für Lehr- und Lerninhalte auf ZUM.de
Wechseln zu: Navigation, Suche
ZUM-Logo.png
Seiten bearbeiten:
Erweiterungen
... mehr

Inhaltsverzeichnis

Hilfetext für JSXGraph

wird noch bearbeitet

Im Artikel JSXGraph werden die Möglichkeiten vorgestellt, interaktiv im Browser Mathematik Aufgaben zu lösen.


Syntax


Einführendes Beispiel

  1. <jsxgraph width="500" height="400" box="box">
  2. brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-2, 2, 2, -1.5], keepaspectratio:true});
  3. brd.suspendUpdate();
  4. A = brd.create('point',[1,0],{strokeColor:'#901B77',fillColor:'#CA147A'});
  5. B = brd.create('point',[-1,0],{strokeColor:'#901B77',fillColor:'#CA147A'});
  6. C = brd.create('point',[0.2,1.5],{strokeColor:'#901B77',fillColor:'#CA147A'});
  7. pol = brd.create('polygon',[A,B,C], {fillColor:'#FFFF0050'});
  8. pABC = brd.create('perpendicular',[pol.borders[0],C],{strokeWidth:1,dash:2, name:['','H_c']});
  9. pBCA = brd.create('perpendicular',[pol.borders[1],A],{strokeWidth:1,dash:2, name:['','H_a']});
  10. pCAB = brd.create('perpendicular',[pol.borders[2],B],{strokeWidth:1,dash:2, name:['','H_b']});
  11. brd.unsuspendUpdate();
  12. </jsxgraph>

Erklärungen:

  1. Initialisierung des Anzeigefeldes.
  2. Ecken gerundet, Verhältnis der beiden Richtungen beibehalten
  3. Update nicht gestatten.
  4. Punkt A zeichnen
  5. Punkt B zeichnen
  6. Punkt C zeichnen
  7. Polygon ABC zeichnen
  8. Update gestatten, d.h. die Punkte können bewegt werden

Integration von Skript

Für die Einbindung ist hier im ZUM-Wiki eine Extension eingebaut. Die Sprache von JSXGraph mit dem Tag <jsxgraph> kann ohne Schwierigkeiten eingegeben werden. Für einige Aufgaben (z.B. bei Turtle-Grafik) ist es nötig, einen speziellen HTML-Code einzufügen. Da dies ein Sicherheitsrisiko darstellt, müssen bestimmte Vorkehrungen getroffen werden.