2

KineticJS rect は既に「青」の色で塗りつぶされています。この rect ボックスにテキストを表示したいと考えています。しかし、私の以下のコードは何も表示していません。また、ボタンのクリック時にこのラベル テキストを割り当てる必要があります。同じコードも以下に示します。

drawShape = new Kinetic.Rect({
            id: shapeId,
            name: shapeName,
            x: 0,
            y: 0,
            width: 150,
            height: 40,
            fill: "#00D2FF",
            stroke: "black",
            strokeWidth: 3,
            fillText: "Step" + stepNumber            
        });

function OnApplyPropertiesClick(){
drawShape.fillText(document.getElementById("txtLabel").value);  
}

これに関するヘルプ?? お願いします。

ありがとうビル

4

2 に答える 2

5

四角形オブジェクトにテキストを追加できるとは思いません。次の塗りつぶしタイプのみです。

[色、線形グラデーション、放射状グラデーション、またはパターン]

これを解決するために、グループを作成し、テキストを含む長方形を作成したいときに、それに長方形とテキスト オブジェクトを追加しました。

var group = new Kinetic.Group({

});

var rectangle = new Kinetic.Rect({

    x: 5,
    y: 5,
    width: 80,
    height: 35,
    fill: "green",
    stroke: "black",
    strokeWidth: 2

});

var rectangleText = new Kinetic.Text({

    x: 15,
    y: 10,
    text: 'test',
    fontSize: 20,
    fontFamily: 'Calibri',
    textFill: 'black'

});

group.add(rectangle);
group.add(rectangleText);
layer.add(group);

リスナーを適応させてから、これに適用できるはずです。

私は何を意味するかを示すためにjsfiddleを実行しました:

http://jsfiddle.net/B85Ff/

于 2012-11-17T15:32:22.457 に答える
0

drawShape をレイヤーに追加しましたか? 投稿したスニペットには表示されません。また、OnApplyPropertiesClick() 関数の最後に (更新のように) レイヤーを描画する必要があります。

于 2012-11-11T23:01:08.287 に答える