Я ищу рабочий процесс и инструменты для достижения следующего:

1. Создать скриншот (из конкретной области экрана)
2. Добавить изготовленные на заказ значки к скриншотам (например, стрелки, числа, рамки и т.д.)

Изготовленные на заказ значки должны быть созданы один раз и доступны для общего пользования.

Идеально, если это будет возможно на наиболее распространенных платформах (Mac OS, Windows, Linux). Рабочий процесс должен быть простым и не включать слишком много шагов.

Скриншоты будут созданы для проекта документирования с открытым исходным кодом, и используемые значки должны выглядеть похоже, чтобы получить общий стиль, который не противоречит текущей теме.

Ранее использовались обычные графические инструменты, которые уже предоставляют стрелки, числа и т.д. Однако это затрудняет замену скриншотов другими пользователями, если они используют другую операционную систему и, следовательно, другие графические инструменты, которые не включают стрелки с теми же стилями, например.

Моя первоначальная идея заключалась в создании общей библиотеки значков, состоящей из стрелок, чисел и т.д. Inkscape, например, доступен на всех основных платформах и ранее поддерживал импорт клипарта из “Open Clip Art Library”. Однако эта поддержка была прекращена.

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

Я сам немного поискал и нашел, что сейчас есть хорошее решение с Inkscape

Я бы выбрал Inkscape, потому что он доступен на всех 3 запрашиваемых платформах (Win, Mac и Linux), он бесплатен и достаточно прост в использовании (если не делать сложные вещи).

Начиная с версии 0.91, стало возможным использовать “символы” и использовать собственные библиотеки символов.

Итак, основные шаги:

Для создания набора символов:

Вы можете создать базовый SVG файл, содержащий “символы”. Добавьте заголовок (в метаданных). Убедитесь, что символы находятся в разделе <symbols>. Вам, возможно, придется редактировать файл вручную.

Смотрите

• Диалог символов (в вики Inkscape)
• Создайте свой первый набор символов, используя интерфейс Inkscape (от проекта Xaviju’s inkscape-open-symbols на GitHub)
• Как создать свою библиотеку символов в Inkscape 0.91 (объясняет, что объекты нужно преобразовать в контуры. Есть комментарий, который утверждает иначе, и я выяснил, что это не обязательно. Возможно, вам также стоит изучить это в других источниках).

Для использования пользовательских символов (с Inkscape):

1. Скопируйте SVG файл, содержащий пользовательские символы, в каталог, уже содержащий ваши символы:

   (пути могут отличаться на вашей системе!!!)

   • Linux: /usr/share/inkscape/symbols/
   • Windows: C:\Program Files\Inkscape\share\symbols
   • OSX: /Applications/Inkscape.app/Contents/Resources/share/inkscape

   Если возможно использовать каталог для пользователя, возможно, вам стоит скопировать файл туда, например:

   • Linux: ~/.config/inkscape/symbols

2. Перезапустите Inkscape

3. Откройте “Диалог символов” (Объекты > Символы)

4. Выберите новый набор символов

5. Теперь вы можете перетаскивать символ в ваш рисунок.

Для использования этого в комбинации со скриншотами

Идеально, если использовать инструмент, который может создать скриншот области вашего экрана и затем открыть пользовательский инструмент для работы со скриншотом. Если это невозможно, вы можете скопировать скриншот в буфер обмена или сохранить его, а затем вставить или открыть в Inkscape.

Для Xubuntu инструмент Xfce4-screenshooter работает отлично и позволяет открыть скриншот в пользовательском инструменте.

Терминология

Символ — с точки зрения пользователя, это переиспользуемый элемент SVG, который можно перетаскивать из диалога символов в наш документ.

Как создать свою библиотеку символов в Inkscape 0.91

Технически символ в SVG выглядит так:

Элемент используется для определения графических объектов-шаблонов, которые могут быть инстанцированы с помощью элемента.

MDN web docs: SVG > символ

Библиотеки символов — это наборы символов, расположенные в одном документе SVG. Inkscape будет искать библиотеки в каталогах share/symbols (системных и личных).

Диалог символов в вики Inkscape

Это можно сделать относительно просто, создав SVG файл, который содержит “символы”. Это имеет некоторые особенности и не будет так просто для людей без технических знаний, но в моем случае более важно сделать использование символов простым, а не создание их!