1

これは初心者の質問です。を使用する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})、頂点を非表示にする方法がわかりません。マニュアルで、頂点の属性を変更できることがわかりましたが、それを行う構文がわかりません。頂点をポイントとして個別に定義し、ポリゴンの定義でポイント名を使用することで回避できますが、ポリゴンの属性リストに何かを追加するだけで同じことが実現できればと思います。どんな助けでも大歓迎です。

4

1 に答える 1

3

基本的に 2 つの可能性があります。

  • 頂点の可視性を直接設定する

     var board = JXG.JSXGraph.initBoard("jxgbox", {
                boundingbox: [-5, 5, 5, -5],
                axis: false
            });
      var pol = board.create('polygon',[[0,0],[0,1],[1,1],[1,0]], 
                  {vertices: {visible:false}});
.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;
}
<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>

  • 可視性を後で設定します。
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});
}
于 2017-06-13T07:06:50.643 に答える