Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.01.2015, 11:28
Аватар для Julian
Новичок на форуме
Отправить личное сообщение для Julian Посмотреть профиль Найти все сообщения от Julian
 
Регистрация: 26.09.2012
Сообщений: 2

Как правильно реализовать такой функционал?
Необходимо реализовать такой функционал с помощью JavaScript (не jQuery) картинка прикреплена...

Необходимо сделать редактор текста в котором можно перемещать его содержимое текст, картинки и т.д, но это вроде не проблема реализовать можно просто подпилить код Ильи из учебника http://learn.javascript.ru/drag-and-drop-plus , но как видите нужно чтобы также была возможность рисовать кривые (линия у которого можно менять размер, угол и направление и т.д.). Это не просто картинка которую нарисовали и забыли, а инструмент.

Короче представьте ckeditor, в котором еще есть инструмент рисовать кривые или стрелку.

Я думал реализовать сперва просто через JavaScript, но оказалось пока в нем таких возможностей нет, потом узнал что кривые можно рисовать на Canvas, использовать хотел fabric.js, но как ответил его автор Canvas плохо работает с HTML.

Получается что есть две крайности, если я реализую кривые с Canvas у меня не будет возможности редактора текста, а если реализовать редактор, то там нет возможности рисовать кривые.

Написать самому наверное это возможно на javascript, но как пишут на форумах это "извращение" (как понимаю это означает что язык такое не умеет), в общем и самому писать тоже нельзя и канвасе нельзя, а что можно тогда вообще на этом языке задается вопрос.

Вроде уже и 3D реализовывают (three.js) и игры пишут, но почему тогда нельзя создать самому такую элементарную вещь как кривая не понимаю. Как же тогда 3D написано.... В общем тупик полный!!!

Как быть? Как написать?
Изображения:
Тип файла: jpg vopros.jpg (41.7 Кб, 12 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 16.01.2015, 12:04
Аватар для MallSerg
Профессор
Отправить личное сообщение для MallSerg Посмотреть профиль Найти все сообщения от MallSerg
 
Регистрация: 07.03.2011
Сообщений: 1,127

http://svg-edit.googlecode.com/svn-h...vg-editor.html
Ответить с цитированием
  #3 (permalink)  
Старый 16.01.2015, 12:12
Аватар для Julian
Новичок на форуме
Отправить личное сообщение для Julian Посмотреть профиль Найти все сообщения от Julian
 
Регистрация: 26.09.2012
Сообщений: 2

svg не подходит
svg не подходит он создает в итоге картинку.
webgl также не подходит так как не везде поддерживается.

Последний раз редактировалось Julian, 16.01.2015 в 12:14.
Ответить с цитированием
  #4 (permalink)  
Старый 16.01.2015, 12:34
Аватар для MallSerg
Профессор
Отправить личное сообщение для MallSerg Посмотреть профиль Найти все сообщения от MallSerg
 
Регистрация: 07.03.2011
Сообщений: 1,127

Сообщение от Julian
svg не подходит он создает в итоге картинку.
А HTML в конечном итоге картинку не создает?
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как реализовать эффект lazyload sanek.me Events/DOM/Window 21 15.02.2017 12:31
Как правильно прописать полученные значения с сервера? Dimaz jQuery 0 07.12.2012 19:46
как можно реализовать вот такой эффект меню(http://allure-estetic.ru/)? Reasgo Библиотеки/Тулкиты/Фреймворки 3 09.10.2011 16:46
Как правильно очистить maxlength в input? Маэстро Events/DOM/Window 10 22.06.2011 18:14
Реализовать функционал Armen Работа 1 25.02.2011 04:12