Difference between revisions of "Texts"
From JSXGraph Wiki
Jump to navigationJump to search (Created page with "<jsxgraph width="600" height="600"> var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-1,10,7,-1], axis:false, keepaspectratio:false}); // Vertical line at x=3 ...") |
A WASSERMANN (talk | contribs) |
||
| (6 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', [ | + | 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 11: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>
