createMask()

in genai-for-marketing/frontend/src/app/edit-image-canvas/edit-image-canvas.component.ts [118:137]


  createMask() {
    let srcImg = this.ctx.getImageData(0, 0, this.canvas.nativeElement.width, this.canvas.nativeElement.height)
    let destImg = this.ctx.createImageData(srcImg)
    let destData = destImg.data
    for (let i = 0; i < destData.length; i++) {
      destData[i] = 0;
    }

    let copyImageData = this.imageData;
    for (let i = 0; i < copyImageData.data.length; i++) {
      copyImageData.data[i] = 255;
    }
    let clone = this.canvas.nativeElement.cloneNode();
    let cloneCtx = clone.getContext('2d')
    cloneCtx.putImageData(destImg, 0, 0);
    cloneCtx.putImageData(copyImageData, this.startX, this.startY);
    var url = clone.toDataURL('image/jpeg');
    this.maskedBase64String = url.substring('data:image/jpeg;base64,'.length);
    console.log(this.maskedBase64String);
  }