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

Question

[Doctor Bi]

Добрый день!
Есть ли возможность связать прозрачную область каким-либо образом, например canvas

Цель: хочу вывести там изображение загруженное юзером, и проблема в том что на разных разрешениях размер фигуры может меняться

Comments

[2cha.headz]

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

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

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

[Doctor Bi]

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

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

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

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

[2cha.headz]

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

var start_width = 1920;
var start_height = 800;

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