Как обрезать картинку на frontend side?

Question

[gifon]

Есть картинка, как ее обрезать и отправить на сервер обрезанную?
Существуют ли библиотеки без необходимости dom?
В идеале нужна библиотека работающая и на фронте и на беке, типо сжимает картинку до 500х500 и обрезает по центру, если не 1:1.

Пробовал на cropper.js, но ругается

Answer 1

[Дима Паутов]

https://fengyuanchen.github.io/cropperjs/

Comments

[gifon]

не получилось
https://jsfiddle.net/e4rmj371/
картинка читается но не обрезается

[Stalker_RED]

gifon, этих кропперов сотни.
https://www.google.com/search?q=js+crop+image

Для ваших целей можно и свой написать строчек в 15.

[Дима Паутов]

gifon, в России фидл закрыт. Сделайте на codepen

[gifon]

Дима Паутов,
https://codepen.io/samueroderio/pen/NWELmNp?editor...

[gifon]

он кидает ошибку
"Uncaught TypeError: Cannot read properties of null (reading 'insertBefore')"