Flash или JavaScript

Question

[Delias]

Нуждаюсь в небольшом проекте под свои нужды, вот раздумываю над выбором технологии, куда порог вхождения меньше, где смогу его быстрее реализовать.
Смысл приблизительно вот в чём — необходим онлайн-редактор карточки с возможностью добавления текстового поля, выбора шрифта, его размера, перетаскивания по экрану, подгрузки фона и загрузки логотипа. Предполагается его сохранение, чтобы пользователь мог в любое время загрузить свой проект, а также печать этого готового документа удалённо.
Вот сейчас раздумываю, flash или jquery+связка всего что может понадобиться. В сети нашел несколько похожих проектов, реализованы как на flash так и на javascript.

jQuery знаю поверхностно, приходилось делать стандартные вещи на нём, а вот flash не знаю вообще. Но мне кажется что на flash можно будет реализовать красивее и функциональнее.
html5 во внимание не беру, т.к. нужна кроссбраузерность, а ИЕ не поддерживает svg, хотя было бы неплохо, глядя что умеет svg-edit.

Посоветуйте, в какую сторону копать?

Answer 1

[Riateche]

Я бы порекомендовал использовать javascript. На нем тоже можно делать красиво и функционально. Есть кроссбраузерные библиотеки для canvas. А вообще, javascript vs flash — извечный спор, правильного ответа нет, выбор за вами.

Comments

[Андрей Мывреник]

Правильный ответ есть -- JavaScript работает везде и всегда, если реализован интерпретатор. Flash -- проприетарная платформа, в которой интерпретатор один и под полным контролем корпорации. В первом варианте нужен, например, только современный браузер, во втором же нужен проприетарный сторонний плагин не лучшего качества. Flash должен уйти на покой уже.

Answer 2

[Тимур Шемсединов]

Хоть ябольшой приверженец HTML5, но в IE без Canvas или SVG на одном JavaScript, думаю Вы не сделаете то что нужно. jQuery тут вообще ни при чем, это всего лишь сахар, а каких-то кардинально новых возможностей из браузера он не выжимает. Хотя, что понимать под редактором, если же речь идет про подложку картинки с масштабированием и надписью сверху, то это на JS просто. Что значит печать удаленно? Опишите подробнее.

Comments

[homm]

«добавления текстового поля, выбора шрифта, его размера, перетаскивания по экрану, подгрузки фона и загрузки логотипа» без Canvas или SVG не сделать? Смешно, да.

[Константин Китманов]

Согласен с оратором выше — чтоб менять местами несколько блоков, ничего кроме старого доброго HTML/JS не нужно.

[Тимур Шемсединов]

Я не понимаю, как без канваса вы это сделаете в IE:

• В какой формат файла сохраните? Разве что, можно в JSON или XML сохранять или свой формат придумать сериализации карточки, но картинку фоновую туда не вставить, только URLом. Такой формат пользователь не откроет, не распечатает, только в этой же программе сможет работать, а экспорт в другие программ — только принтскрином — плохо.
• Без канваса нет возможности повернуть картинку на угол или сделать с ней какие-то эффекты. Без канваса вы только ее можете сжать/растянуть по горизонтали/вертикали и подвигать.
• нет возможности текстом манипулировать, накладывать текст на картинку со сглаживанием, техст же будет некрасиво пикселизироваться. Для экрана это еще терпимо, а вот на печать такой продукт нельзя давать, там разрешение выше и эффект будет не красивый.

Тут все зависит от возможностей, которые нужны в редакторе.

[Тимур Шемсединов]

Кстати, даже кадрирование и обрезку картинок не сделать без канваса.

[homm]

MarcusAurelius, вы из какой-то параллельной вселенной. В моей вселенной html как раз предназначен для отображения текста. Обрезка картинок, если сильно нужно на клиенте — overflow: hidden. Про формат вообще не понял, задача сделать карточку в на одном компе, придти на другой и там распечатать. Вы полагаете, это возможно только путем экспорта в .cdr, например?

[Тимур Шемсединов]

А как вы запихнете в один файл и картинку или несколько и текст и стили? Лучше всего отрендерить такое в PNG сохранить, а так потянете на другой комп каталог с файлами. Можно еще залить картинку, тексты и стили на сервер и там отрендерить в PNG средствами PHP или другого языка и тогда уже сгрузить в файл.

Answer 3

[Alex XYZ]

С такими замашками и MS Word переплюнуть недолго. Сам хочу такое написать, долго думал и про Flash и HTML. Одно время даже сайт сделал, где можно было «делать» заметки с редактированием текста HTML, вставкой картинок, подгрузкой к заметке файлов, но споткнулся на том, что скриншоты не сделать. Но… Ну не вставить PrintScreen в HTML. Я бы ещё добавил раскраску синтаксиса (есть такие CSS «плагины» под HTML). В настоящий момент смотрю в сторону Java (Может FX?), но писать с нуля придётся. Зато редактор может кроссплатформенный получиться. Извини, друг, что немного сумбурно — очень давно на эту тему думаю. Несколько десятков редакторов перебрал. Нет нормального редактора, чтобы как администратору и программисту логи вести. Вот есть хорошая технология хранения всего в одном месте — .mht! Просто — то, что нужно. Картинки внутри, графика — внутри, css-внутри, т.е. даже можно подцепить подсветку синтаксиса (о которой писал), можно писать «схлопывающиеся блоки» для кода, уверен, что и векторные штуки туда влезут, но нет для него редактора! А ведь просмотр этого файла есть и у IE и у FF (с плагином для .mht). Если бы можно было написать такой редактор (ведь даже свою прогу на JS можно туда «внедрить»). Вот если бы можно было в mht внедрить свой редактор (и IE и [FF с плагином unmht] позволяют сохранять новое состояние), тогда может что-то близкое и получится.

Answer 4

[Delias]

Ясно, всем спасибо. Раз выбор, можно сказать, равноценный, сделаю-ка я лучше упор на javascript.

Answer 5

[Олег Торбасов]

html5 во внимание не беру, т.к. нужна кроссбраузерность, а ИЕ не поддерживает svg

Во-первых, SVG — это никаким боком не HTML5. Во-вторых, нативная поддержка SVG уже есть в IE9, а в предыдущих версиях SVG замечательно работает через плагин.

Comments

[Delias]

Через плагин не хотелось бы, лишние действия только отпугнут широкую аудиторию. А о ИЕ9 сужу по работе того же svg-editor, который не взлетел, или jQuery SVG. А гугл говорит что поддерживается итого 28% стандарта. Нативной поддержкой это можно назвать, но это же всё не то.

Answer 6

[Vitamon]

На flash такое сделать можно, но если его совсем не знаете, то процесс может затянуться.
С кроссплатформенностью у флеша все ок, вот только на всяких яблофонах будет болт :(