我有一个围绕画布移动的圆圈。
当用户将鼠标放在圆上时,半径从 20 扩大到 100,当他们释放它时,它停止增长。
我想在它的中心显示圆的半径并让它随着它的增长而更新。
我的圈子和文字代码如下。我是否需要圆圈的高度和宽度以及文本正确居中的文本,并且圆圈仍然正常增长?
var circle = new Kinetic.Circle({
x : stage.getWidth() / 2,
y : stage.getHeight() / 2,
radius : 20,
fill : 'grey',
stroke : 'black',
strokeWidth : 1,
});
var radiusText = new Kinetic.Text({
x : circle.getX(),
y : circle.getY(),
text : '10',
fontSize : 10,
height : (circle.getAttr('radius') * 2) / 2,
width : (circle.getAttr('radius') * 2) /2,
fontFamily : 'Verdana',
fill : '#000',
align : 'center'
});