Segment Intersection

by aaronamran

HTML

<script src="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css">
<div id="jxgbox" class="jxgbox" style="width:500px; height:500px">
</div>

JavaScript

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

var p1 = board.create('point', [-2, 2]);
var p2 = board.create('point', [1, -1]);
var q1 = board.create('point', [-1.5, 1]);
var q2 = board.create('point', [1, 0.5]);

var seg1 = board.create('segment', [p1, p2]);
var seg2 = board.create('segment', [q1, q2]);

var i = board.create('intersection', [seg1, seg2], {alwaysIntersect: true});

var txt = board.create('text', [1, 3, function() {
         return i.Z() +' ' +  i.X() + ' ' + i.Y();
}]);