Как реализовать изменение изображения в зависимости от данных введенных в форму?
Допустим на сайте есть форма в которую вводиться число от 1 до 10. И есть изображение - четырехугольник. В зависимости от введенного числа одна из граней изменяет свою длину. Как можно это реализовать?
P.S. Может быть можно как-то генерировать изображение на сервере?
Сервер не нужен, тут лучше всего использовть JS + SVG. В SVG рисуем изначальный четырехугольник (просто нужно указать координаты углов четырехугольника), а JS меняет эти координаты в зависимости от веденного в поле значения. Для прямоугольника могу прямо здесь накидать простой скрипт, буквально 6 строчек на jQuery, четырехугольник чуть посложнее.
Простой
