Сохранить изображение с наложением ( CSS overlay)?

Question

[ErichZann]

Добрый день,
Подскажите пожалуйста можно ли сохранить как-либо исходную картинку с CSS overlay не прибегая к помощи тяжеловесных программ как Adobe Photoshop?

Ниже приведен код, который применяется к картинке.

.hero-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: rgba(45, 51, 69, 0.8); 
}

Спасибо

Answer 1

[Vitaliy]

Только редактируя через Canvas

Answer 2

[tyzberd]

сделать скриншот Как сделать скриншот элемента с помощью JS?