Это может быть немного длинно, но заранее благодарю за любую помощь.
Я пытаюсь разработать веб-приложение, которое позволит пользователю взаимодействовать с каркасным «чертежом» выбранного продукта.и настройте каждый путь с помощью загруженного изображения, цвета / шаблона или добавьте любой текст ... или все, если они выберут (что-то похожее на настройку поздравительной открытки) ... для этого вопроса я начну с части изображения....
Вот что у меня есть: http://jsfiddle.net/rednevednav/C9aDm/
Какой самый эффективный способ использовать любое изображение ... которое было загружено пользователем ....добавить заливку выбранного пути, а затем иметь возможность перетаскивать его, изменять его размер и поворачивать ЗА выбранным путем (чтобы они могли контролировать часть своего изображения, которая «обрезается»? (* Примечание: я искалв течение нескольких месяцев и не нашел никого другого, кто бы делал это за пределами Flash .... MyPublisher.com подходит очень близко, но это все квадраты и нет SVG ... Я смотрел на использование ImageMagick и 'dst_in' на стороне сервера...но после жесткого кодирования изображения в svg ... как на моем jsfiddle ... кажется, что это может быть сделано на стороне клиента)
Должен ли я в первую очередь использовать Raphael для этого приложения?Или?
** В надежде остаться в рамках Raphael (если вообще используете), чтобы поддерживать поддержку IE, предоставляемую «из коробки», которую он предоставляет;Я понимаю, что слишком большой взлом Java убивает это.Конечно, готовый продукт нужно будет загрузить в формате .pdf .... но это уже другой вопрос в другой раз.
РЕДАКТИРОВАНИЕ: # Благодаря ответу на мой вопрос ЗДЕСЬ , я обновил свой JSFiddle с тем, как получить URL из загруженного изображения и использовать, чтобы заполнить путь в бумаге Рафаэля.Таким образом, остается 2 вопроса на эту тему, которые я все еще пытаюсь решить:
1.Как использовать это загруженное изображение, чтобы иметь возможность перетаскивать на путь для обновления заливки?
2.Как сначала выбрать путь, по которому я хочу заполнить загруженное изображение?(когда перетаскивание недоступно)
Еще раз спасибо за любую помощь!