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);
}