在 Inkscape 中,如何添加白色背景?

平面设计 墨景 svg 透明度 背景
2022-01-23 23:52:41

目前,保存的 svg 文件具有白色和灰色方格背景,我认为这是因为背景是透明的。我正在尝试将其设为白色背景。我查看了其他答案,其中一个说导航到文件中。我在 Inkscape 中找不到文件按钮,所以我决定简单地添加一个背景方块。这样做之后,问题仍然没有解决。

为什么没有任何工作,我该如何解决这个问题?

2个回答

你是对的 - “检查背景”是多少程序指示透明区域。SVG 文件具有透明背景。更改背景颜色不是 SVG 标准的一部分,因此在浏览器中查看时,更改 Inkscape 中的背景颜色不会延续到 SVG 文件。

有几种方法可以获得纯色背景颜色:

  1. 如果要导出 PNG,请在“文件”菜单上单击“文档属性”
    文档属性的底部,单击背景颜色将其更改为您想要的任何内容。确保A(Alpha 通道)不是 0。255 是实心的。
    注意:页面背景不是标准的 SVG 功能,所以浏览器可能不会支持它。仅当您只是使用 Inkscape 将 SVG 转换为 PNG 时才使用此方法。
  2. 在背景中放置一个矩形。
    确保它的填充颜色是白色(我相信默认是透明的)并且没有描边。这可能是对浏览器最友好的。

类似的问题:svg 根元素的默认背景

使背景矩形变通方法更易于忍受的提示

如前所述: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-yel​​low-to-white