векторная графика

  • ХабрахабрФото Форматы векторной графики. Замена «толстому» SVG

    Форматы векторной графики. Замена «толстому» SVG

    Векторизация растровой графики, источник Все знают стандарт векторной графики SVG (Scalable Vector Graphics). Великая вещь, которая незаменима в веб-дизайне. Но этот формат до сих пор полностью не поддерживается ни в одном браузере по одной простой причине: он невероятно сложный. Если посмотреть на спецификации, там более 200 подпунктов в 27 разделах (около 900 страниц на бумаге). Только оглавление занимает 19 экранов. Мягко…

    Читать далее »
  • ХабрахабрФото Как рисовать красивые соединения с помощью SVG

    Как рисовать красивые соединения с помощью SVG

    Мы делаем систему симуляции различных процессов, в которой пользователь с помощью визуального программирования может описать и посмотреть, как работает тот или иной процесс. Иными словами, проверить, как на результат процесса влияют те или иные причинно-следственные связи. Вся система построена на нодах - наглядных представлениях функций, которые принимают, обрабатывают, показывают и в конце концов отправляют данные в следующие ноды. Мне в…

    Читать далее »
  • ХабрахабрФото Inkscape с 0 до Pro за 5 дней

    Inkscape с 0 до Pro за 5 дней

    Создал мини курс по программе для векторной графики Inkscape в 2022. 4 урок по программе Inkscape - учимся работать в изометрии (инструмент перо и сетка) Вводная часть Данный мини курс состоящий из 5 видео уроков длительностью от 35 до 50 минут был подготовлен мною как практическая часть диплома для темы "Кодирование и обработка графической и мультимедийной информации в школьном курсе…

    Читать далее »
  • СофтФото Для Linux появился новый векторный редактор для создания макетов интерфейсов

    Для Linux появился новый векторный редактор для создания макетов интерфейсов

    На днях создатели редактора векторной графики Akira, работа над которым ведется вот уже пару лет, опубликовали первые тестовые выпуски. Графический пакет предназначен для создания макетов интерфейсов. Авторы Akira заявили, что их цель — создание инструмента для профессионалов, при помощи которого можно готовить качественные макеты интерфейсов. Наверное, редактор можно назвать конкурентом Sketch, Figma, Inkscape и Adobe XD, но заточен он исключительно…

    Читать далее »
  • ХабрахабрФото [Из песочницы] Адаптивное разбиение кривых Безье 2-го и 3-го порядка

    [Из песочницы] Адаптивное разбиение кривых Безье 2-го и 3-го порядка

    Уже год как я сменил работу на новую. В этой статье я хочу поделиться опытом, накопленным на прошлом месте. Здесь рассмотрены методы аппроксимации кривых Безье, а также обработка исключительных случаев, при которых простые алгоритмы показывают себя не очень хорошо. Все, кому близка тема векторной графики — прошу под кат. Введение На предыдущей работе я был оператором ЧПУ-станка, делал мебельные фасады…

    Читать далее »
  • ХабрахабрФото Гильоши другим манером

    Гильоши другим манером

    Гильоши — это характерные узоры на бумажных деньгах и других ценных бумагах. Подробный рассказ о них с отступлением в историю можно найти в предыдущей статье. Там же приводился и алгоритм рисования, строящий гильоши по точкам. Довольно бесполезный, надо заметить, если мы рисуем их не просто для развлечения, а в практических целях — например, чтобы добавить в дизайн тех самых ценных…

    Читать далее »
  • ХабрахабрФото [Перевод] Имитация рисования от руки на примере RoughJS

    [Перевод] Имитация рисования от руки на примере RoughJS

    RoughJS это маленькая (эскизном, рукописном стиле. Она позволяет рисовать на <canvas> и с помощью SVG. В этом посте я хочу ответить на самый популярный вопрос о RoughJS: как это работает? Немного истории Очарованный изображениями рукописных графиков, схем и эскизов, я, как истинный нерд, задался вопросом: можно ли создавать такие рисунки с помощью кода, как можно точнее имитировать рисунок от руки,…

    Читать далее »
  • ХабрахабрФото [Перевод] Создание карандашного эффекта в SVG

    [Перевод] Создание карандашного эффекта в SVG

    Моя игра Dragons Abound создаёт карты в векторном графическом формате SVG. Векторная графика имеет множество особенностей (например, зум без потерь), что удобно для карт. Также векторная графика хороша для создания чётких линий, например, чернильных контуров: С другой стороны, векторная графика не очень хороша в создании текстур с неповторяющимися мелкими деталями. В векторной графике каждый отрисовываемый элемент представлен описанием его размера,…

    Читать далее »
  • ХабрахабрФото [Из песочницы] Все об SVG анимации

    [Из песочницы] Все об SVG анимации

    В данной статье я хочу осветить тонкости работы с SVG-графикой, SVG анимация (в том числе и path), проблемы и способы их решения, а также разнообразные подводные камни, коих в SVG огромное множество. Эту статью я позиционирую как подробное руководство. Здесь не будет никаких плагинов, библиотек и прочего, речь пойдет только о чистом SVG.Единственный инструмент, который я буду использовать, это Adobe…

    Читать далее »
  • ХабрахабрФото [Из песочницы] Алгоритм Дугласа-Пекера

    [Из песочницы] Алгоритм Дугласа-Пекера

    Предисловие Не так давно пришлось поработать с упрощением полигональной цепи (процесс, позволяющий уменьшить число точек полилинии). В целом, данный тип задач очень распространен при обработке векторной графики и при построении карт. В качестве примера можно взять цепь, несколько точек которой попадают в один и тот же пиксель – очевидно, что все эти точки можно упростить в одну. Некоторое время назад…

    Читать далее »


Кнопка «Наверх»