vector - 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。
感谢您的任何想法!
解决方案
推荐阅读
- javascript - WebGL drawBuffer 输出黑色纹理
- ruby-on-rails - 我在 Rails 6 中的链接在第一次点击时重定向到 2020,并在重新加载时正确运行
- java - Java项目中的国际象棋AI实现
- html - 如何正确放置方格?
- python - Python 上积分的矢量化(评估参数数组的积分)
- angular - Angular 中的嵌套响应式表单
- java - 为什么可以在没有实例的情况下调用方法?
- webassembly - 在 WebAssembly 中访问 DOM
- haskell - 如何在 where 子句中使用 do 块赋值行中的变量?
- arrays - 了解数组公式的结果