javascript - 如何对 JSXGraph 板的各个部分进行着色？

Question

我有一个jsxgraph用几条简单的线条设置板，如下所示:

我想对它的一部分进行着色，例如蓝线和虚线之间的白色区域。解决这个问题的最佳方法是什么？我看过the API但所提供的元素都没有引起我的注意，而且到目前为止我还没有看到任何可以实现我想要做的事情的示例。是Inequality元素可以轻松扩展到多行吗？

Answer 1

您可以使用多边形并隐藏多边形的边和顶点。这是一个例子:

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

    var p1 = board.create('point', [2, 1]);
    var shade = board.create('polygon', [p1, [0,p1.Y()], [0,4]],
            {
                borders: {visible: false},
                vertices: {visible: false}
            }
        );

如果需要使坐标轴相交，可以使用以下命令访问它们 board.defaultAxes.x 和 board.defaultAxes.y。