4

要素をグループ化しながら、テキストを中央に配置して長方形を描画しようとしています。ここに私のコード：

var draw = SVG('canvas')
var group = draw.group();

var rect = draw.rect(100,100).fill('#f09')
group.add(rect);

var text = draw.text('AAA');
text.font({anchor: 'middle', size: 30, family: 'Helvetica'});
text.move(50,50);

group.add(text);
group.move(100,100);

JSFiddle: http://jsfiddle.net/Lqw7n/2/

結果は私には意味がありません。

4

2 に答える 2

2

テキストを移動しているが、最初は思った場所に配置していないためだと思います。したがって、デフォルトの 0,0 を使用し、アンカーの中央を設定して、半分が画面から外れてから移動します。ただし、属性で最初に x、y を設定すると、問題なく動作するはずです。

var group = draw.group();

var rect = draw.rect(100,100).fill('#f09')
group.add(rect);

var text = draw.text('AAA').attr({x:50, y:50 });
text.font({anchor: 'middle', size: 30, family: 'Helvetica'});
group.add(text);
group.move(100,100);

ここで更新されたjsfiddle http://jsfiddle.net/Lqw7n/5/

于 2013-11-06T20:42:42.117 に答える