Как в Inkscape добавить белый фон?

В настоящее время сохраненный файл svg имеет бело-серый клетчатый фон, который я предполагаю, потому что фон прозрачен. Я пытаюсь сделать это белым фоном. Я просмотрел другие ответы, и один сказал перейти к файлам. Я не смог найти кнопку файла в Inkscape, поэтому решил просто добавить фоновый квадрат. После этого проблема все еще не решена.

Почему ничего не работает и как решить эту проблему?

Ответы (2)

Вы правы: «проверенный фон» — это то, как многие программы указывают прозрачные области. Файлы SVG имеют прозрачный фон. Изменение цвета фона не является частью стандарта SVG, поэтому изменение цвета фона в Inkscape не будет перенесено в файл SVG при его просмотре в браузере.

Есть несколько способов получить сплошной цвет фона:

  1. Если вы экспортируете PNG, в меню «Файл» щелкните «Свойства документа» .
    В нижней части свойств документа нажмите «Цвет фона» . Измените его на то, что вы хотите. Убедитесь, что A (альфа-канал) не равен 0. 255 — сплошное.
    Примечание. Фон страницы не является стандартной функцией SVG, поэтому браузеры, вероятно, не будут ее учитывать. Используйте этот метод только в том случае, если вы просто конвертируете SVG в PNG с помощью Inkscape.
  2. Поместите прямоугольник на задний план.
    Убедитесь, что цвет заливки для него белый (по-моему, по умолчанию прозрачный) и нет обводки. Это, вероятно, самый удобный для браузера.

Аналогичный вопрос: фон по умолчанию для корневого элемента svg

Есть ли простой способ сделать прямоугольник размером с изображение? Привязка к сетке по умолчанию не всегда работает, если размер страницы не кратен размеру сетки. Вы можете просто сделать прямоугольник, который больше фона, но это выглядит некрасиво, интересно, не возникнут ли из-за этого проблемы. Я бы хотел, чтобы Inkscape мог экспортировать SVG с фоновым прямоугольником, по теме: gitlab.com/inkscape/inkscape/-/issues/531#note_712957189

Советы, как сделать фоновый прямоугольник более приемлемым

Как упоминалось в: https://graphicdesign.stackexchange.com/a/74920/21867 на основе https://stackoverflow.com/questions/11293026/default-background-color-of-svg-root-element единственный надежный SVG Цветовое решение фона, кажется, состоит в том, чтобы добавить цветной прямоугольник к фону.

К сожалению, в Inkscape нет возможности экспортировать SVG с автоматически добавленным прямоугольником, связанное обсуждение , поэтому, чтобы сделать вещи более удобными, вы можете воспользоваться следующими советами:

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

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

    Сделать прямоугольник фона таким же большим, как и изображение, может быть сложно, если:

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

    Вы также можете просто ввести точные координаты/ширину вручную в Inkscape, но я не думаю, что в этом есть какое-то преимущество.

    Если у вас есть фиксированный целевой размер, один из вариантов — сначала создать прямоугольник, вручную ввести размеры, а затем Ctrl + Shift + D > «Изменить размер страницы до рисунка» (Ctrl + Shift + R), как указано по адресу: https: // youtu.be/cLIYCJ0DM6Q?t=145

  • поместите фон в отдельный слой под верхним слоем и заблокируйте его. В противном случае вы будете продолжать перетаскивать его по ошибке, когда вместо этого захотите переместить элементы переднего плана. Этот совет упоминается по адресу: https://www.youtube.com/watch?v=cLIYCJ0DM6Q&t=196s .

    Это также имеет то преимущество, что если вы когда-нибудь захотите «Изменить размер страницы для рисования» (Ctrl + Shift + R) на основе содержимого без (негабаритного) фонового прямоугольника, вы можете просто сделать фоновый слой невидимым до Ctrl + Shift + R, и снова сделайте его видимым позже, так как Inkscape не считает невидимые слои для Ctrl + Shift + R.

  • Свойства документа (Ctrl + Shift + D)> Граница> «Граница поверх рисунка», иначе ваш фоновый прямоугольник будет скрывать границы области просмотра, и вы потеряете представление о том, где вы находитесь внутри рисунка.

  • Установите «Свойства документа» (Ctrl + Shift + D) > «Клетчатый фон», чтобы иметь возможность узнать, где находится ваш фон, иначе трудно понять, где начинается и заканчивается фон, чтобы убедиться, что весь холст покрыт

-bв командной строке для экспорта PNG

Например, чтобы получить белый фон вместо прозрачного по умолчанию:

inkscape -b FFFFFF -h 1024 input.svg -o output.png

Протестировано на Inkscape 1.0.1, Ubuntu 20.10.

Связанный: https://superuser.com/questions/249860/how-can-i-change-inkscapes-default-export-background-color-from-yellow-to-white

Я не уверен, почему за вас проголосовали, я получил максимум от вашего ответа.
@RohitGupta спасибо! Раньше у меня был только подраздел опций CLI BTW.