У меня есть div, который находится сверху изображения. Я должен получить содержимое изображения, которое находится внутри наложенного div и рисовать, используя canvas.

Проблема в том, что я не могу нарисовать правильное изображение. Я должен программно получить правильное изображение ниже div.

Изображение ниже показывает сравнение исходного изображения и нарисованного изображения на холсте.

введите описание изображения здесь

Я приложил пример stackblitz, который показывает проблему. https://stackblitz.com/edit/angular-4untgz?file=src/app/app.component.ts

Может кто-нибудь сказать, пожалуйста, как мне этого добиться?