Angular 6-canvas.toDataURL（'image / png'）无法捕获画布背景图像

Question

当前，我正在从设备库中选择一张图像，并将该图像用作画布的背景图像。画完东西后，我想保存图像。但是，每当我尝试保存图像时，画布都会以透明背景保存。它没有背景图像源。下面是我的代码。将画布另存为图像时，我可以在画布上看到图像，但无法捕获。

1。 HTML

<canvas no-bounce id="canvas"
      (touchstart)='handleStart($event)' (touchmove)='handleMove($event)' (touchend)='handleEnd($event)' (click)="removeSelectedTxt()"
      [ngStyle]="{'background': 'url(' + selectedImage + ') no-repeat center center fixed', '-webkit-background-size': 'contain',
      '-moz-background-size': 'contain',
      '-o-background-size': 'contain',
      'background-size': 'contain',
      'width': '98%',
      'height': '65%'}" #canvas ></canvas>

2。 ts文件

save(){
      let ctx = this.canvasElement.getContext('2d');
      window.open(ctx.toDataURL('image/png'));
    }