Hilfe:JSXGraph

Seiten bearbeiten:
Erweiterungen

• CategoryTree (Kategorienbaum)
• Hilfe:FreeMind
• GeoGebra
• ImageMap
• LaTeX
• Notensatz
• Quiz
• Schach
• Timeline
• Widgets
  • SlideShare
  • Twitter

... mehr

• Handbuch zur Software

Hilfetext für JSXGraph

wird noch bearbeitet

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

Syntax

• Referenzkarte (pdf-Dokument)

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.