Intersection of circles: Difference between revisions

From JSXGraph Wiki
Created page with "<jsxgraph box="jxgbox" width="600" height="600"> var board = JXG.JSXGraph.initBoard('jxgbox', { axis:true, boundingbox:[-15, 10, 10, -10] }); var c1 = board.create('c..."
 
TomBerend (talk | contribs)
Trusted
5 edits
No edit summary
 
(3 intermediate revisions by one other user not shown)
Line 2: Line 2:
var board = JXG.JSXGraph.initBoard('jxgbox', {
var board = JXG.JSXGraph.initBoard('jxgbox', {
     axis:true,
     axis:true,
     boundingbox:[-15, 10, 10, -10]
     boundingbox:[-5, 5, 5, -5]
});
});


var c1 = board.create('circle', [[-1, 2], 3]);
var c1 = board.create('circle', [[-1, 1.5], 3]);
var c2 = board.create('circle', [[1, 2], 3]);
var c2 = board.create('circle', [[1, -1.5], 3]);
 
var clip = board.create('curveintersection', [c1, c2],  
var clip_path = board.create('curve', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});
          { strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3 });
clip_path.updateDataArray = function() {
    var a = JXG.Math.Clip.intersection(c1, c2, this.board);
 
    this.dataX = a[0];
    this.dataY = a[1];
};
board.update();


</jsxgraph>
</jsxgraph>
Line 22: Line 15:


<source lang="javascript">
<source lang="javascript">
var board = JXG.JSXGraph.initBoard('jxgbox', {
    axis:true,
    boundingbox:[-5, 5, 5, -5]
});
var c1 = board.create('circle', [[-1, 1.5], 3]);
var c2 = board.create('circle', [[1, -1.5], 3]);
var clip = board.create('curveintersection', [c1, c2],
          { strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3 });
</source>
</source>


[[Category:Examples]]
[[Category:Examples]]
[[Category:Geometry]]
[[Category:Geometry]]

Latest revision as of 18:46, 18 July 2024

The underlying JavaScript code

var board = JXG.JSXGraph.initBoard('jxgbox', {
    axis:true,
    boundingbox:[-5, 5, 5, -5]
});

var c1 = board.create('circle', [[-1, 1.5], 3]);
var c2 = board.create('circle', [[1, -1.5], 3]);
var clip = board.create('curveintersection', [c1, c2], 
          { strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3 });
Retrieved from "http://jsxgraph.org/wiki/index.php?title=Intersection_of_circles&oldid=7667"