Javascript 位图数据行中的精灵

从BitmapData创建精灵时遇到问题。当我有一个矩形形状时，创建的精灵没有问题，但是当bitmapData只是一条线时，精灵就是空的

bmd=this.game.add.bitmapData（this.line.width，this.line.height）；
//这很好：
bmd.ctx.rect（0,0,32,32）；
bmd.ctx.fillStyle=“#0f0”；
bmd.ctx.fill（）；
var platform=this.game.add.sprite（this.line.midPoint（）.x，this.line.midPoint（）.y，bmd）；
//这不管用
bmd.ctx.this.lineWidth=“8”；
bmd.ctx.strokeStyle='白色'；
bmd.ctx.moveTo（this.startPoint.x，this.startPoint.y）；
bmd.ctx.lineTo（this.endPoint.x，this.endPoint.y）；
bmd.ctx.stroke（）；
var platform=this.game.add.sprite（this.line.midPoint（）.x，this.line.midPoint（）.y，bmd）我找到了一种方法


Game.prototype.create=function（）{
this.bmd=this.game.add.bitmapData（this.game.width-20，this.game.height）；
this.bmd.ctx.beginPath（）；
this.bmd.ctx.lineWidth=“4”；
this.bmd.ctx.strokeStyle='白色'；
这个.bmd.ctx.stroke（）；
this.platform=this.game.add.sprite（0,0，this.bmd）；
};
Game.prototype.draw=函数（）{
这个.bmd.clear（）；
this.bmd.ctx.beginPath（）；
this.bmd.ctx.moveTo（this.startPoint.x，this.startPoint.y）；
this.bmd.ctx.lineTo（this.endPoint.x，this.endPoint.y）；
this.bmd.ctx.lineWidth=4；
这个.bmd.ctx.stroke（）；
this.bmd.ctx.closePath（）；
这个.bmd.render（）；
}