Эффект резиновой ленты на границах с использованием Javascript ⇐ CSS

[Гость]

Когда пользователь перетаскивает элемент с помощью мыши, эта конкретная сторона должна вести себя как резиновая лента, как показано на рисунке ниже. Например, если я перетащу правую сторону прямоугольника, граница должна растянуться, а когда перетаскивание прекратится, она должна сохранить свое положение. Нужно сделать в javascript/reactjs. Я попробовал несколько способов использования React SVG, но это не сработало.



Подробнее здесь: https://stackoverflow.com/questions/782 ... javascript