Question

这是一个初学者问题。当我使用board.create('polygon',[[0,0],[0,1],[1,1],[1,0]])时，JSXgraph会创建一个顶点和边框线可见的多边形。我可以用board.create('polygon',[[0,0],[0,1],[1,1],[1,0]],{withLines: false})隐藏边框，但我不知道如何隐藏顶点。我在manual中看到，顶点的属性可以改变，但我不知道如何做到这一点的语法。我可以通过将顶点分别定义为点并使用多边形定义中的点名称来解决这个问题，但我更愿意，只需在多边形的属性列表中添加一些内容即可实现相同。任何帮助将不胜感激。

Answer 1

基本上有两种可能性：

直接通过

＆＃13;

.jxgbox {
    /* for IE 7 */
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #356AA0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-touch-action: none;
}

.JXGtext {
    /* May produce artefacts in IE. Solution: setting a color explicitly. */
    background-color: transparent;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    padding: 0;
    margin: 0;
}

.JXGinfobox {
    border-style: none;
    border-width: 1px;
    border-color: black;
}

＆＃13;

<script src="//cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.5/jsxgraphcore.js"></script>
<div id="jxgbox" class="jxgbox" style="width:600px; height:600px;"></div>

＆＃13;

var pol = board.create('polygon',[[0,0],[0,1],[1,1],[1,0]], 
             {vertices:  {visible:true}});
for (i = 0; i < pol.vertices.length - 1; i++) {
    pol.vertices[i].setAttribute({visible: false});
}

＆＃13;

稍后设置可见性：

{"stocksdata":[{"item_code":"SPH001","stock":"40.0"},
  {"item_code":"SPH002","stock":"40.0"},
  {"item_code":"SPH003","stock":"40.0"},
  {"item_code":"SPH004","stock":"40.0"},
  {"item_code":"SPH005","stock":"40.0"},
  {"item_code":"SPH006","stock":"20"}]
}

如何使多边形的顶点在JSXGraph中不可见

1 个答案: