Как привязать canvas к прозрачной области в png изображении?

картинку загружаемую пользователем вставляйте под png, и позиционируйте абсолютом (задайте начальные координаты угла прозрачной области)

при изменении разрешения просто определяйте множитель на сколько уменьшилось изображение относительно изначального, потом с помощью этого множителя изменяйте начальные координаты

P.S. это первое что пришло в голову))

Дмитрий Глаголев,
Я рассматривал подобный вариант

определяйте множитель на сколько уменьшилось изображение относительно изначального

Но этот этап я преодолеть не смог

Не подскажите как бы вы нашли этот множитель?

scanerrr, например так:

var start_width = 1920;
var start_height = 800;

$(window).resize(function(){
    var current_width = $('.image_png').width();
    var multiplier = start_width/current_width;
    ..... // дальнейшая обработка
})