add an image to a spreadsheet using the angular version

Please help me to add an image to a spreadsheet using the angular version.

I use the code below for the JQuery version, but I didn't find equivalence for angular.

Thanks.

addChart(sheet, id, lastRow) {

    let data = (document.querySelector('#' + id + ' canvas') as any).toDataURL()

    let imgHeight = 16

    let imgWidth = 8

    let startingRow = 1 + lastRow

    let endingRow = 1 + lastRow + imgHeight

    let startingCol = 'A'

    let endingCol = this.helpers.excel.posToAZ(imgWidth + 1)

    var imageShape = new ($ as any).ig.excel.WorksheetImage(data);

    imageShape.topLeftCornerCell(sheet.getCell(startingCol + startingRow));

    imageShape.bottomRightCornerCell(sheet.getCell(endingCol + endingRow));

    sheet.shapes().add(imageShape);

    return lastRow + imgHeight

  }

Hello and thank you for contacting Infragistics. I've been testing out the spreadsheet and loading images and noticed a couple issues I need to discuss with the development team. Meanwhile I have a partial sample working zipped below. I created a private support ticket to follow up with you: C-00221413

SpreadsheetImageSample.zip

Thank you very much for the quick assistance.

Thanks a lot for the help.