fabricJSの円オブジェクトにテキストを追加するにはどうすればよいですか？

Question

ここをクリックしてくださいfabricJS-circle、番号1または2または3のようなテキストを追加する方法がありません...キャンバスの円の中に？

function makeStaion(left, top, stationID) { 
    var c = new fabric.Circle({ 
     left: left, 
     top: top, 
     radius: 2, 
     fill: '#5afffa', 
     stroke: '#666', 
     selectable: true, 
     centeredScaling:true, 
     padding:2, 
     hasRotatingPoint: false, 
     borderColor: 'black', 
     cornerColor: 'black' 

    }); 
    c.hasControls = true; 
    c.station = true; 

    c.stationID = stationID; 
    c.stationName = stations[stationID].name; 
    c.description = stations[stationID].desc; 
    c.image = stations[stationID].image; 

    return c; 
} 

Answer 1

私はあなたが探しているものだと思うが、生地のグループである：

これは、キャンバス上に自分のサークルオブジェクトです。ここ

チュートリアル：ここhttp://fabricjs.com/fabric-intro-part-3#groups

ドキュメント：http://fabricjs.com/docs/fabric.Group.html

はこのような何かを試してみてください。

var c = new fabric.Circle({ 
     left: left, 
     top: top, 
     radius: 2, 
     fill: '#5afffa', 
     stroke: '#666', 
     selectable: true, 
     centeredScaling:true, 
     padding:2, 
     hasRotatingPoint: false, 
     borderColor: 'black', 
     cornerColor: 'black' 
    }); 

var t = new fabric.Text(stationID, { 
     fontFamily: 'Calibri', 
     fontSize: 1.2, 
     textAlign: 'center', 
     originX: 'center', 
     originY: 'center', 
     left: LayoutCoordX(STA), 
     top: LayoutCoordY(BL-BLOffset)-radius-.4 
    }); 

var g = new fabric.Group([c, t],{ 
     // any group attributes here 
    }); 


    g.hasControls = true; 
    g.station = true; 

    g.stationID = stationID; 
    g.stationName = stations[stationID].name; 
    g.description = stations[stationID].desc; 
    g.image = stations[stationID].image; 

    return g;