Comments 20
Да, интересная реализация. Есть над чем подумать. Спасибо
Кажется так делает addobe fireworks
Идея напомнила давно известные rarjpg.
При пересылке через некоторые сервисы chunk с данными может потеряться, если "лишние" данные обрезаются путем прогонки через imagemagick или что-то похожее.
вот тут хорошо расписано:
stackoverflow.com/a/35250354
Возможен ли какое то «сопряжение» с функциональностью реализованной в этом редакторе и Вашим проектом?
Там много сделано, в ближайшей перспективе повторить маловероятно (и не уверен что надо повторять). Покажите схему которую не получается изобразить в dgrm.net - так будет проще понять конечную цель, возможно придумаем способ еще лучше чем в yEd.
Штука интересная - особенно Isometric Drawing
https://live.yworks.com/demos/complete/isometricdrawing/
Очень интересно, прям зацепило. По-быстрому набросать диаграмму и кинуть коллегам в jira.
Не понял только - как менять размер блоков?
По-быстрому набросать диаграмму и кинуть коллегам в jira
Это задумывалось как основной сценарий: быстро набросать и что бы приятно выглядело. Пускай и с крайне ограниченными возможностями, зато просто, быстро и единообразно.
Такая идея (минимум функционала - только самое нужное) периодически встречается, например утилита Snip. Хотя и тут перекос - если уж "только нужное" зачем и ручка и карандаш, еще какая-то линейка и палец, но нет текста
Не понял только - как менять размер блоков?
Сейчас не меняется. Покажите конечную цель - диаграмму которую не получается нарисовать. Может найдется вариант интереснее (а может станет очевидно что без изменения размера никуда).
Например, с помощью размера хотите выделить фигуру - может её лучше цветом выделить или добавить возможность рисовать "маркером" (фигуру можно будет обвести).
Если текст на фигуре не помещается - может лучше добавить еще одну дырку для ввода текста над/под/сбоку фигуры.
Если уж размер фигур будет необходимо менять, надо придумать как это сделать. Кажется, что стандартное растягивание нарушает принцип "только нужное":
Если растягивать, то понадобится как-то делать фигуры одинакового размера.
Какие-то выравнивающие линии рисовать. Одну фигуру растянул, вторую добавил - опять надо растянуть. На мобильном растягивать очень не удобно. Даже просто соединять фигуры не с первого раза получается. Хотя каждый коннектор для мобильных по размеру четь не в четверть самой фигуры - и все равно промахиваешься.
"Добавил-растянул" быстро надоест делать, захочется копировать фигуры - на desctop еще ладно Ctrl+C Ctrl+V. На мобильном как копировать? Допустим в меню фигуры кнопку "копировать" сделали, как Ctrl+V изобразить на мобильном?
Как альтернатива растягиванию: можно предусмотреть 2-3 стандартных размера. На подобии той же Snip: выбора палитры любого цвета и прозрачности нет, есть предустановленные варианты цвета.
Да, причина в том что текст не помещается, поэтому захотелось растянуть. Когда делаешь "побыстрее" не получается обычно сразу коротко и лаконично изъясняться, подучаются длинные тексты. Это уже потом формулировки шлифуются или блоки декомпозируются на несколько мелких, а по началу как раз многабукаф.
Про копипаст тоже в точку)) Второе что захотелось делать после ресайза)) После меню пробовал с зажатым Ctrl, не прокатило)))
Да, и еще, неплохо бы варик открытия png по ссылке а не файлом, типа "Open URL" в менюшке - что бы если где-то выложили png - скопировал на неё ссылку и тут же в сервисе открыл. Ну т.е. без файлов на диске что бы обойтись.
причина в том что текст не помещается, поэтому захотелось растянуть
Дополнительная дырка ввода текста над фигурой (сейчас есть одна дырка в центре фигуры) решает проблему?
типа "Open URL" в менюшке
Оно?
1) Дырка для ввода текста поможет частично - внутри всё равно приходится сокращать слова. Хотя, может и норм. Я пример кстати в личку скинул.
2) Нет не оно - тут копировать что бы поделиться - а я про вторую сторону процесса - вот тебе дали линк на png и ты его хочешь открыть в сервисе что бы отредактировать. (Типа Open diagram by link)
2) Понял. Классная идея. Тут пока проблема: для генерации PNG по ссылке нужна серверная часть (сейчас все в браузере работает). По этой же причине такие страшные ссылки по "Copy link to diagram" - нет базы для хранения настроек диаграмм, все в url пихается. Не знаю когда проект дорастет до своей БД.
draw.io на минималках?
Похоже на то. draw.io и на мобильном работает приемлемо. Но для задачи "быстро набросал - отправил", на мой взгляд, перебор:
Вкусовщина: какой-то draw.io не красивый: и сам и диаграммы его.
Вот красивые:
https://www.figma.com/figjam/
https://miro.com/
https://www.mindmeister.com/ru
Наиболее близкий по духу (бесплатный, open sorce)
https://www.tldraw.com/
Похоже, в российском сегменте диграмма обозначает другое? ru.wikipedia.org/wiki/Диаграмма
Всегда считал то, что в статье — блок-схемами. Или это одно и то же?
Отличная статья! Жаль пропустил её выход и не плюсанул вовремя.
Этот же гениальный принцип был когда-то реализован в Macromedia Fireworks. Очень скучаю по тому редактору.
JavaScript редактор диаграмм, который открывает диаграммы из PNG картинок (open source)