Difference between revisions of "Intersection of circles"

From JSXGraph Wiki
Jump to navigationJump to search
 
Line 5: Line 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_path = board.create('curve', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});
 
var clip_path = board.create('curve', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});
Line 22: Line 22:
  
 
<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_path = board.create('curve', [[], []], {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();
 
</source>
 
</source>
  
 
[[Category:Examples]]
 
[[Category:Examples]]
 
[[Category:Geometry]]
 
[[Category:Geometry]]

Latest revision as of 11:39, 28 March 2020

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_path = board.create('curve', [[], []], {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();