Как сохранить отображаемое изображение в виде Blob с свойством object-fit: Cover ⇐ CSS

[Anonymous]

В моем компоненте Vue.js есть изображение со следующим HTML-кодом:

Код: Выделить всё

Изображение отображается с помощью свойства CSS object-fit: Cover. Мне нужно захватить и сохранить именно то, что показано на странице (с эффектом обрезки), как Blob с помощью JavaScript.
Я искал в Интернете решения, но не нашел могу найти что-нибудь полезное.
Будем благодарны за любую помощь или примеры!

Подробнее здесь: https://stackoverflow.com/questions/790 ... r-property