JavaScript: Zoom как в картах для SVG/HTML

dgrm.net | GitHubКак сделан zoom в редакторе блок-схем dgrm.net.Zoom-ить можно:- колесиком мышки,- touchpad-ом- и двумя пальцами на телефонах и планшетах.Готовая функция zoom-а SVG для ваших проектов прилагается. Для HTML можно переделать. Читать далее…

ESM. Выходим за рамки

Итак, работая над… ну не знаю… каким-нибудь замечательным генератором статики, вы, возможно, захотите импортировать в свой код зависимости напрямую из текстовых файлов, таких как: HTML, MD, CSS, SVG или JSON. Конечно, можно использовать бандлер с с…

Язык Dot для Автогенерации Блок Схем Сложных Электронных Цепей

Современные печатные платы достигают очень высокого уровня сложности. Особенно трудно разобраться в логике цепей питания. В тексте представлен оригинальный подход анализа схемотехники при помощи языка разметки Dot и авто генерации блок схем. Читать да…

Еще один способ использовать SVG в React. На этот раз удобный

SVG-изображения можно вставлять непосредственно в html, можно использовать символьные спрайты, теги <img>, <object> и даже <iframe>. Можно подключать SVG через data-url, css-backgrounds, css-filters и еще множеством способов. Но чтобы…

28 Атрибутов Хорошей Блок-Схемы для PCB

В этом тексте написал о забытом понятии: блок-схемы для разработки электроники. В ГОСТ(е) их называли Э1 (Схема структурная). Блок-схем это хороший уровень абстракции при анализе электронного устройства или PCB. Представил несколько атрибутов, которые …

Задача про 2 ёмкости для жидкости

Существует классическая задача:Есть 2 емкости: 5 литров и 3 литра. Как отмерить 4 литра жидкости используя только эти 2 емкости?В этом тексте я решу эту задачу в общем виде при помощи конечного автомата.  Также я упомяну про малоизвестный язык про…

JavaScript редактор текста для SVG

Demo | GitHubСтатья про редактор текста как на рисунке. Исходный код прилагается. Читать далее