首页 > 解决方案 > Inkscape 矢量填充图案的语法

问题描述

这里有一些 Inkscape 填充图案可供下载: https ://github.com/zirafa/inkscape-hatch-patterns

它们的语法是这样的,例如:

<pattern id="Hatch1.0x135"
inkscape:stockid="Hatch 1.0 x -45°"
x="0" y="0" width="5.345059133378628" height="5.345059133378628"
patternUnits="userSpaceOnUse">
  <path
     style="stroke:#000000;stroke-width:0.25mm"
     d="M 1.5655315743235096,-3.7795275590551185 9.124586692433747,3.7795275590551185"/>
  <path
     style="stroke:#000000;stroke-width:0.25mm"
     d="M -3.7795275590551185,-3.7795275590551185 9.124586692433747,9.124586692433747"/>
  <path
     style="stroke:#000000;stroke-width:0.25mm"
     d="M -3.7795275590551185,1.5655315743235096 3.7795275590551185,9.124586692433747"/>
</pattern>

...并创建一个对角线无缝填充图案,如下所示: https ://i.imgur.com/dLRtBM8.png

但是,这些舱口对我的目的来说太粗糙了,也许有比那里使用的更简单的语法?

另外,我无法理解这些奇数。当我将它们更改为以下内容时:

<pattern id="MyPattern"
inkscape:stockid="MyPattern"
x="0" y="0" width="3" height="3"
patternUnits="userSpaceOnUse">
  <path
     style="stroke:#000000;stroke-width:0.1mm"
     d="M 1,-3 9,3"/>
  <path
     style="stroke:#000000;stroke-width:0.1mm"
     d="M -3,-3 9,9"/>
  <path
     style="stroke:#000000;stroke-width:0.1mm"
     d="M -3,1 3,9"/>
</pattern>

...然后图案不再无缝平铺,而是看起来像这样: https ://i.imgur.com/RJQVJWm.png

甚至像这样,上面代码中的数字有所改变: https ://i.imgur.com/JDGBq1B.png

我在这里找到了一些相关的东西: svg 中的简单填充模式:对角线阴影

所以在 SVG 规范中似乎有一个原生的孵化功能,它应该比上面的平铺代码更容易。但是,我不知道这是否或如何适用于 Inkscape。

感谢您的任何想法!

标签: vectorinkscape

解决方案


推荐阅读