问题标签 [svg-path]

在 SVG 文件中，我找到了如下所示的路径：

有人可以解释坐标48.38c5.65-0.95和18.92-3.42c2.05-0.45代表什么吗？

我正在尝试使用 javafx 将 .svg 文件转换为 3d（.obj 文件）。

我可以将形状 - 圆柱体、盒子等基元转换为网格。是否可以将 SVGPath 转换为任何特定的 Mesh。

有没有办法从应用了多个掩码的路径中生成新的独立路径？

我有一个<path>通过包装<g>父母应用的多个面具，如下所示：

这是不可见遮罩的最终图形：

CodePen 上的演示

源代码：

这就是我要问的原因：我需要myShape对鼠标悬停它的可见部分应用不同的样式。目前，正如您可以在DEMO中测试的那样，当鼠标悬停在原始路径上时，样式会发生变化，掩码不会被计算在内。此外，我认为独立路径在更复杂的需求中提供了更大的灵活性，并且在添加更多掩码时性能更高。

我使用 D3.js 绘制了一条弧线，默认情况下它具有方形末端。

我怎样才能在它的一端画一条带有人字形的弧线。

有使用剪辑路径和反向区域的解决方案吗？

演示：https ://jsfiddle.net/kicaj/vw2qobcm

我想展示红色圆圈的第二部分。
记住：圆圈的底部在 div 的上方 :)

解决方案： https ://jsfiddle.net/kicaj/vw2qobcm/3/

我正在编写一个简单的 SVG 绘图应用程序，现在我正在尝试优化线条绘制。原始变体是在每个 mousemove 事件上绘制每个“lineTo”。它会产生不好的锐度。

我使用全局变量testInt来模拟 lineTo 动作之间的延迟，它提供了非常好的平滑线，但似乎是不好的做法。有人可以提出更好的解决方案吗？

这是我的 drawLine 函数代码（正如我所说，它基本上修改了现有的 <path> 元素）：

PathHelper 仅生成正确的字符串并将其插入已创建的路径中。

我不知道如何在 JavaScript/Node.js 中制作这个算法，将位图逐个像素地转换为 svg 路径：

有谁知道算法应该如何工作？

任何伪代码都会有所帮助。

工具执行类似的方法：

• https://github.com/59naga/pixel-to-svg
• https://github.com/brainshave/sharpvg
• https://codepen.io/shshaw/pen/XbxvNj
• http://drububu.com/tutorial/bitmap-to-vector.html

我正在寻找一种方法来制作那些 svg 路径，但现在没有运气。我在互联网上搜索了很长时间......我知道 css 可以做到这一点，但如果有人知道如何用 SVG 构建它们，那就太好了。

谢谢

第一个 SVG：

第二个SVG：

更新后react-native-svg，我开始在与以前版本一起使用的 SVG 组件上收到此错误。问题在于元素的d属性。Path

问题似乎是在解析方法中的d属性时getPath： RNSVGPathParser.m

受影响的版本：

react-native-svg: 5.1.3, 4.6.1,4.6.0

react-native: 0.42,0.41.2

react：15.4.2

版本中出现的问题react-native-svg@4.6.0，可能是这次提交。

线路崩溃（仅在 iOS 上测试）：

RN 组件（基于 GitHub 示例代码）：

我正在尝试使用 D3js 构建饼图。运行代码时出现错误，并且饼图无法正常显示。这是代码：