Проверка расположения рисунка внутри холста SVG с помощью Inkscape для сохранения качества изображения в проектах на Delphi и Pascal

Delphi , Графика и Игры , MetaFile

При работе с векторной графикой в формате SVG разработчики часто сталкиваются с проблемами конвертации в растровые форматы, такие как PNG. Особенно сложности возникают при обработке файлов с нестандартными параметрами viewBox, например, отрицательными координатами. В этой статье мы разберем, как корректно конвертировать такие SVG-файлы в проектах на Delphi и Pascal, используя библиотеки вроде BGRABitmap, а также рассмотрим альтернативные подходы.

Проблема: Обрезка изображения при конвертации SVG в PNG

Пользователь Boleeman столкнулся с ситуацией, где конвертированное PNG-изображение отображало только часть исходного SVG-файла. Как выяснилось, проблема была связана с нестандартным параметром viewBox:

viewBox="-80 -80 160 160"

Библиотека BGRABitmap, используемая в утилите svg2png, не обрабатывала отрицательные координаты viewBox, что приводило к смещению и обрезке изображения.

Решение 1: Проверка холста SVG в Inkscape

Перед конвертацией важно убедиться, что все элементы SVG расположены в пределах видимой области (холста). Для этого:

1. Откройте файл в редакторе Inkscape.
2. Убедитесь, что элементы не выходят за границы холста (белый прямоугольник в интерфейсе).
3. Если часть изображения обрезана, измените параметры viewBox через меню File → Document Properties.

Пример коррекции viewBox в коде:

// Пример изменения viewBox программно (используя парсинг SVG)
procedure AdjustViewBox(var ASVG: string; ANewViewBox: string);
begin
  ASVG := StringReplace(ASVG, 'viewBox="-80 -80 160 160"', 'viewBox="' + ANewViewBox + '"', [rfReplaceAll]);
end;

Решение 2: Использование обновленной версии svg2png

Разработчик Tomxe обновил утилиту svg2png, добавив поддержку отрицательных viewBox и параметр для фона:

svg2png input.svg output.png 96 0      # Прозрачный фон
svg2png input.svg output.png 96 1      # Белый фон
svg2png input.svg output.png 96 #FF0000 # Красный фон

Важно: Если фон отображается некорректно (например, синий вместо красного), проверьте формат цвета (BGR вместо RGB в некоторых библиотеках).

Решение 3: Альтернативный конвертер SVGToPNG

Для проектов на Win32 можно использовать SVGToPNG-Converter от Jan-Erich Schirrmacher. Он поддерживает пакетную конвертацию и настройку размеров:

1. Укажите размеры (например, 20,32,48).
2. Перетащите SVG-файлы в окно программы.
3. Изображения сохраняются в папке img32 (для размера 32).

Исправление проблемы с изменением размера формы:

// Добавьте ограничения размеров формы в Lazarus
procedure TMainDialog.FormCreate(Sender: TObject);
begin
  Constraints.MinWidth := Width;
  Constraints.MinHeight := Height;
  Constraints.MaxWidth := Width;
  Constraints.MaxHeight := Height;
  Scaled := False;
  // Дополнительные настройки...
end;

Практический пример: Конвертация SVG с отрицательным viewBox

Допустим, у вас есть файл penrose-tiling.svg с viewBox -80 -80 160 160. Чтобы корректно преобразовать его в PNG:

1. Способ 1: Используйте обновленный svg2png: bash svg2png penrose-tiling.svg output.png 160 1 Размер PNG (160 пикселей) соответствует ширине viewBox (160 единиц).

2. Способ 2: Программная коррекция через BGRABitmap: ```pascal uses BGRABitmap, BGRASVG;

procedure ConvertSvgToPng(const AInputFile, AOutputFile: string; AWidth: integer); var SVG: TBGRASVG; Bitmap: TBGRABitmap; begin SVG := TBGRASVG.Create(AInputFile); try SVG.ViewBox := '0 0 160 160'; // Корректируем viewBox Bitmap := TBGRABitmap.Create(AWidth, AWidth); try SVG.StretchDraw(Bitmap.Canvas2D, taCenter, tlCenter, 0, 0, AWidth, AWidth); Bitmap.SaveToFile(AOutputFile); finally Bitmap.Free; end; finally SVG.Free; end; end; ```

Дополнительные рекомендации

1. Проверка форматов: Убедитесь, что SVG-файл не использует сжатие (SVGZ). Для распаковки можно воспользоваться утилитой gzip.
2. Создание иконок: Для конвертации SVG в ICO добавьте поддержку multiple resolutions (16x16, 32x32 и т.д.) через библиотеку BGRAControls.

Заключение

Обработка SVG с нестандартными параметрами требует внимания к деталям, таким как viewBox и размер холста. Используйте Inkscape для визуальной проверки, обновленные конвертеры вроде svg2png, а при интеграции в Delphi-проекты — методы коррекции viewBox через BGRABitmap. Это позволит избежать обрезки изображений и сохранить качество графики.

Создано по материалам из источника по ссылке.

Context — это описание сложностей и решений при конвертации SVG-файлов с нестандартными параметрами viewBox в растровые форматы, такие как PNG, в проектах на Delphi и Pascal.

Комментарии и вопросы

Получайте свежие новости и обновления по Object Pascal, Delphi и Lazarus прямо в свой смартфон. Подпишитесь на наш Telegram-канал delphi_kansoftware и будьте в курсе последних тенденций в разработке под Linux, Windows, Android и iOS

:: Главная :: MetaFile ::