Triangle axiom - affine space: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
(20 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | |||
<script type="text/javascript" src="/distrib/MathJax/MathJax.js"></script> | |||
</html> | |||
Axiom (A2) "triangle rule" for affine spaces. | Axiom (A2) "triangle rule" for affine spaces. | ||
<jsxgraph width="500" height="500"> | <jsxgraph width="500" height="500"> | ||
JXG.Options.label.autoPosition = true; | JXG.Options.label.autoPosition = true; | ||
var board = JXG.JSXGraph.initBoard("jxgbox", [-5,5,5,-5]); | JXG.Options.text.useMathJax = true; | ||
JXG.Options.text.fontSize = 20; | |||
var board = JXG.JSXGraph.initBoard("jxgbox", {boundingbox: [-5,5,5,-5], showCopyright:false, showNavigation:false}); | |||
var p = board.create('point', [-3,-3], {name:'\\(p\\)'}); | |||
var q = board.create('point', [0, 2], {name:'\\(q\\)'}); | |||
var r = board.create('point', [3, -3], {name:'\\(r\\)'}); | |||
var pq = board.create('arrow', [p, q], {withLabel: true, name:'\\(\\vec{pq}\\)', label:{position: 'top', parse: false}, lastArrow: {type: 4, size: 8}}); | |||
var qr = board.create('arrow', [q, r], {withLabel: true, name:'\\(\\vec{qr}\\)', label:{position: 'top'}, lastArrow: {type: 4, size: 8}}); | |||
var pr = board.create('arrow', [p, r], {withLabel: true, name:'\\(\\vec{pr}\\)', label:{position: 'top'}, lastArrow: {type: 4, size: 8}}); | |||
</jsxgraph> | |||
=== The underlying JavaScript code === | |||
<source lang="javascript"> | |||
JXG.Options.label.autoPosition = true; | |||
JXG.Options.text.useMathJax = true; | |||
JXG.Options.text.fontSize = 20; | |||
var board = JXG.JSXGraph.initBoard("jxgbox", {boundingbox: [-5,5,5,-5], showCopyright:false, showNavigation:false}); | |||
var p = board.create('point', [-3,-3], {name:'p'}); | var p = board.create('point', [-3,-3], {name:'p'}); | ||
Line 9: | Line 35: | ||
var r = board.create('point', [3, -3], {name:'r'}); | var r = board.create('point', [3, -3], {name:'r'}); | ||
var pq = board.create('arrow', [p, q], {withLabel: true, name:'pq', label:{position: 'top'}, lastArrow: {type: 4, size: | var pq = board.create('arrow', [p, q], {withLabel: true, name:'\\(\\vec{pq}\\)', label:{position: 'top', parse: false}, lastArrow: {type: 4, size: 8}}); | ||
var qr = board.create('arrow', [q, r], {withLabel: true, name:'qr'}); | var qr = board.create('arrow', [q, r], {withLabel: true, name:'\\(\\vec{qr}\\)', label:{position: 'top'}, lastArrow: {type: 4, size: 8}}); | ||
var pr = board.create('arrow', [p, r], {withLabel: true, name:'pr'}); | var pr = board.create('arrow', [p, r], {withLabel: true, name:'\\(\\vec{pr}\\)', label:{position: 'top'}, lastArrow: {type: 4, size: 8}}); | ||
</ | </source> | ||
[[Category:Examples]] | |||
[[Category:Geometry]] |
Latest revision as of 10:06, 12 April 2021
Axiom (A2) "triangle rule" for affine spaces.
The underlying JavaScript code
JXG.Options.label.autoPosition = true;
JXG.Options.text.useMathJax = true;
JXG.Options.text.fontSize = 20;
var board = JXG.JSXGraph.initBoard("jxgbox", {boundingbox: [-5,5,5,-5], showCopyright:false, showNavigation:false});
var p = board.create('point', [-3,-3], {name:'p'});
var q = board.create('point', [0, 2], {name:'q'});
var r = board.create('point', [3, -3], {name:'r'});
var pq = board.create('arrow', [p, q], {withLabel: true, name:'\\(\\vec{pq}\\)', label:{position: 'top', parse: false}, lastArrow: {type: 4, size: 8}});
var qr = board.create('arrow', [q, r], {withLabel: true, name:'\\(\\vec{qr}\\)', label:{position: 'top'}, lastArrow: {type: 4, size: 8}});
var pr = board.create('arrow', [p, r], {withLabel: true, name:'\\(\\vec{pr}\\)', label:{position: 'top'}, lastArrow: {type: 4, size: 8}});