Difference between revisions of "Triangle axiom - affine space"

From JSXGraph Wiki
Jump to navigationJump to search
 
(19 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: 8}});
+
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}});
</jsxgraph>
+
</source>
 +
[[Category:Examples]]
 +
[[Category:Geometry]]

Latest revision as of 12: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}});