Javascript JSXGraph-从交点创建的交点和多边形

我是jsxgraph的新手，对js也不是很精通，我希望你能为我指出正确的问题方向

我正试图： 1） 创建穿过矩形的线的交点（将有大量这些线）， 2） 用不同颜色的多边形将它们之间的空间归档

下面是整段代码的工作方式（由于某些原因，JSFIDLE不想工作！：/）：

我的代码无法正常工作：/

var-typical\u mn=board.create（'polygon'，[t_1，t_2，t_3，t_4]{
fillColor:“#ff9600”，
虚线：假
});
var p1_1=板。创建（'交叉点'，[l_20，典型值，0]{
可见：正确
});
var p1_2=线路板。创建（'交叉点'，[l_20，典型值，1]{
可见：正确
});
var p2_1=board.create（'交叉点'，[l_30，典型值，0]{
可见：正确
});
var p2_2=board.create（'交叉点'，[l_30，典型值，1]{
可见：正确
});
var p3_1=线路板。创建（'交叉点'，[l_40，典型值，0]{
可见：正确
});
var p3_2=线路板。创建（'交叉点'，[l_40，典型值，1]{
可见：正确
});
var pol_20_30=板。创建（'polygon'，[p1_1，p1_2，p2_1，p2_1]{
填充颜色：'#555'，
虚线：假
});
var pol_30_40=板。创建（'多边形'，[p2_1，p2_1，p3_1，p3_2]{
填充颜色：'#333'，
虚线：假
});
如今，JSFIDLE中的外部库必须包含在https中。JSXGraph可与https一起使用，例如在

目前，多边形和直线之间没有求交算法。但是可以将多边形边界与直线相交。为此，多边形的
withLines
属性必须设置为
true
。然后可以使用
边框
数组访问边框

在您的示例中，它看起来像

var typical_mn = board.create('polygon',[t_1,t_2,t_3, t_4], {fillColor:'#ff9600', withLines:true});

in_20 = board.create('intersection', [l_20, typical_mn.borders[0]],{visible:true});
in_30 = board.create('intersection', [l_30, typical_mn.borders[0]],{visible:true});
in_40 = board.create('intersection', [l_40, typical_mn.borders[0]],{visible:true});

线条和多边形之间的相交是一个有趣的功能，我将在github上创建一张罚单。
Alfred，非常感谢您的回答。这对我帮助很大。