Ⓒegret.BitmapData 用法

建立自訂寬高顏色與透明度的點陣圖類別,透過egret.BitmapData.create建立圖片並顯示

class MyBitmap extends eui.Component {

    public constructor(width:number,height:number,color:number=0xffffff, alpha:number=1) {
        super();
        let self = this;
        let canvas:HTMLCanvasElement = egret.sys.createCanvas(width, height);
        let context:CanvasRenderingContext2D = canvas.getContext('2d');
        context.fillStyle = `rgb(${color>>16},${(color >> 8) & 0xff},${color & 0xff},${alpha})`;
        context.fillRect(0, 0, width, height);
        egret.BitmapData.create('base64',canvas.toDataURL().split(',')[1],(bmp_data)=>{
            let texture = new egret.Texture();
            texture.bitmapData = bmp_data;
            let bmp = new egret.Bitmap(texture);
            self.addChild(bmp);
        })
    }

}