Texts: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
 
(5 intermediate revisions by 2 users not shown)
Line 3: Line 3:


     // Vertical line at x=3
     // Vertical line at x=3
     var A = brd.create('point', [2, 5], {strokeWidth:1, dash:2});   
     var A = brd.create('point', [2, 5], {strokeWidth:1, dash:2, name: 'A_1'});   
     brd.create('text', [3, 8, function () { return 'X(A) = ' + A.X(); }]);
     brd.create('text', [3, 8, function () { return 'X(A_1) = ' + A.X().toFixed(2); }]);
 
    brd.on('update', function () {
        document.getElementById('out').innerHTML = 'X(A<sub>1</sub>) = ' + A.X().toFixed(2);
    });
</jsxgraph>
</jsxgraph>
<html>
<div id="out"></div>
</html>


===The underlying JavaScript code===
===The underlying JavaScript code===
Line 12: Line 19:


     // Vertical line at x=3
     // Vertical line at x=3
     var A = brd.create('point', [2, 5], {strokeWidth:1, dash:2});   
     var A = brd.create('point', [2, 5], {strokeWidth:1, dash:2, name: 'A_1'});   
     brd.create('text', [3, 8, function () { return 'X(A) = ' + A.X(); }]);
     brd.create('text', [3, 8, function () { return 'X(A_1) = ' + A.X().toFixed(2); }]);
 
    brd.on('update', function () {
        document.getElementById('out').innerHTML = 'X(A<sub>1</sub>) = ' + A.X().toFixed(2);
    });
</source>
 
<source lang="xml">
    <div id="out"></div>
</source>
</source>


[[Category:Examples]]
[[Category:Examples]]
[[Category:Text]]

Latest revision as of 09:13, 25 April 2017

The underlying JavaScript code

    var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-1,10,7,-1], axis:false, keepaspectratio:false});

    // Vertical line at x=3
    var A = brd.create('point', [2, 5], {strokeWidth:1, dash:2, name: 'A_1'});  
    brd.create('text', [3, 8, function () { return 'X(A_1) = ' + A.X().toFixed(2); }]);

    brd.on('update', function () {
        document.getElementById('out').innerHTML = 'X(A<sub>1</sub>) = ' + A.X().toFixed(2);
    });
    <div id="out"></div>