javascript - jointjsで円の中にトークンを描く

Question

サークル内にjointjsを介していくつかのトークン(小さな円)を描きたいのですが、どうすればできますか?

このコードは、「token」というテキストで円を描きます。「token」を円に置き換えたいと思います。

var place = 
new joint.shapes.basic.Circle({
    id:'place1',
    position: {x:100, y: 180},
    attrs: {circle: {fill: '#FFFFFF'}, text: {text:'TOKEN', fill:'#000000'}} 
        });

Answer 1

これは、JointJS Petri Net シェイプ プラグイン (joint.shapes.pn.js) の有力な候補のようです。http://jointjs.com/demos/pnでデモを参照してください。プラグインはhttp://jointjs.com/downloadからダウンロードできます。次に使用します。

var place = new joint.shapes.pn.Place({
    position: { x: 140, y: 50 },
    tokens: 1
});