сохранение области изображения в symfony

Question

Мне нужно создать приложение типа Quizz, которое должно состоять из 2 частей:

• Back-end: там мне нужно загрузить картинку и сохранить 2 области: 1 правая областьи 1,2 или 3 неправильных области (<- как мне этого добиться?) </p>

• Front-end: система будет показывать изображение случайным образом, и пользователю придется выбрать один из следующих вариантов:выбранная область ... когда он нажимает, приложение сообщит ему, было ли это правильно или нет.

трудная часть для меня - как настроить эти интерактивные области на загруженном изображении.

Я хочу сделать этот проект в Symfony (он будет моим первым), но я также могу начать в .Net и WPF.

Любая помощь, подсказка или пример будут очень полезны

спасибо заранее.

Answer 1

Если я правильно понял, вы хотите:

• backend: загрузить изображение, разделить его на X разделов, пометить один раздел как «правильный», а все остальные как «неправильный»."area.
• frontend: нажмите на изображение: если координаты XY находятся в" правильной "области, сделайте A, в противном случае сделайте B

Сложнее будет написать JavaScriptслой для внутреннего приложения, чтобы вы могли легко нарисовать выделение на загруженном изображении, особенно если вы собираетесь использовать более сложные фигуры (в отличие от прямоугольников, используемых во многих библиотеках для кадрирования на стороне клиента).Это может быть сделано, однако.

На стороне сервера вы просто сохраняете координаты изображений, которые являются «правильными», поэтому ваш выбор серверной инфраструктуры в значительной степени не имеет отношения к тому, что вы пытаетесь выполнить.

Для вдохновения того, как утилиты обрезки javascript выполняют то, что вы хотите сделать, посмотрите здесь: http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/

Надеюсь, это поможет.