Javascript 如何设置动态js层中文本的背景色?

Javascript 如何设置动态js层中文本的背景色?,javascript,kineticjs,Javascript,Kineticjs,如何设置writeMessage()函数中显示的文本的背景颜色? 下面是我的部分脚本 function initStage() { var stage = new Kinetic.Stage({ container: 'somediv', width: 565, height: 570 }); var messageLayer = new Kinetic.Layer(); stage.add(messageLayer)

如何设置writeMessage()函数中显示的文本的背景颜色? 下面是我的部分脚本

 function initStage() {  
    var stage = new Kinetic.Stage({
      container: 'somediv',
      width: 565,
      height: 570
    });

    var messageLayer = new Kinetic.Layer(); 
    stage.add(messageLayer);

    writeMessage(messageLayer, 'somemessage',300,300); 
  }
  ...
 function writeMessage(messageLayer, message, xp,yp) {
    var context = messageLayer.getContext();
    messageLayer.clear();
    context.setAttr('font', '20pt Calibri');
    //how can i set background color of text here?
    context.fillStyle = 'black';
    context.fillText(message, xp, yp);
  }

没有类似于
Text.setBackground()
的函数

但是,您可以使用所需的颜色绘制一个x和y相同、大小与文本相同的
Kinetic.Rect
(使用
text.width()
text.height()

首先将
Kinetic.Rect
添加到图层,然后添加
Kinetic.Text

有关示例,请参见: