P-Norm: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<jsxgraph width="500" height="500"> | <jsxgraph width="500" height="500"> | ||
var brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]}); | var brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]}); | ||
var pNorm = brd.create('slider', [[0, | var pNorm = brd.create('slider', [[0,4],[3,4],[0,2,10]], {name:'p'}); | ||
var m = brd.create('point',[0,0], {name:'M'}); | |||
graph = brd.create('curve', [ | graph = brd.create('curve', [ | ||
function(t){ | function(t){ | ||
return 2.0; | var p = pNorm.Value(); | ||
} | return 2.0/Math.pow(Math.pow(Math.abs(Math.cos(t)),p)+ | ||
[ | Math.pow(Math.abs(Math.sin(t)),p),1.0/p); | ||
}, | |||
[function(){ return m.X();}, function(){ return m.Y();}], | |||
0, Math.PI*2], | 0, Math.PI*2], | ||
{curveType:'polar',strokeColor:'red', strokeWidth:2} | {curveType:'polar',strokeColor:'red', strokeWidth:2} | ||
| Line 13: | Line 16: | ||
===The underlying JavaScript code=== | ===The underlying JavaScript code=== | ||
<source lang="javascript"> | |||
var brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]}); | |||
var pNorm = brd.create('slider', [[0,4],[3,4],[0,2,10]], {name:'p'}); | |||
var m = brd.create('point',[0,0], {name:'M'}); | |||
graph = brd.create('curve', [ | |||
function(t){ | |||
var p = pNorm.Value(); | |||
return 2.0/Math.pow(Math.pow(Math.abs(Math.cos(t)),p)+ | |||
Math.pow(Math.abs(Math.sin(t)),p),1.0/p); | |||
}, | |||
[function(){ return m.X();}, function(){ return m.Y();}], | |||
0, Math.PI*2], | |||
{curveType:'polar',strokeColor:'red', strokeWidth:2} | |||
); | |||
</source> | |||
[[Category:Examples]] | [[Category:Examples]] | ||
[[Category:Calculus]] | [[Category:Calculus]] | ||
Latest revision as of 20:45, 1 July 2010
The underlying JavaScript code
var brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});
var pNorm = brd.create('slider', [[0,4],[3,4],[0,2,10]], {name:'p'});
var m = brd.create('point',[0,0], {name:'M'});
graph = brd.create('curve', [
function(t){
var p = pNorm.Value();
return 2.0/Math.pow(Math.pow(Math.abs(Math.cos(t)),p)+
Math.pow(Math.abs(Math.sin(t)),p),1.0/p);
},
[function(){ return m.X();}, function(){ return m.Y();}],
0, Math.PI*2],
{curveType:'polar',strokeColor:'red', strokeWidth:2}
);
