Изменение размера и обрезка изображений на 2 холста

#html #canvas #resize #crop #image-resizing

#HTML #холст #изменение размера #обрезка #изменение размера изображения

Вопрос:

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

  • Как установить размер изображения на 100% ширины и высоты родительского элемента?

Я пытался сделать это сразу после инициализации: resizeImage(jQuery($container).parent().width(), jQuery($container).parent().height()); и это работает для размера, но изображение прозрачно, пока вы не измените его размер.

  • Мне нужно 2 таких элемента на одной странице, но второй переписывает контекст первого, и любое движущееся изображение на первом элементе применяет изменения только ко второму.

Есть идеи, как исправить этот компонент?

Комментарии:

1. Понятно, что этот компонент является замыканием, бит, делающий его вложенной функцией, не решает проблему с 2 холстами.

2.Для тех, кто ищет solution:pastebin.com/hsHf6t62 pastebin.com/ndkgEedU