在svg中创建可旋转的3D路径

时间:2016-10-20 23:26:26

标签: svg 3d

我正在使用一些地理数据并从lat,lon和elevation创建一个svg路径。

我有两个正在运行的svg路径,一个显示lat / lon,另一个显示高程。

我要做的是创建一条三维路径,我可以扭转,转弯和变形,从二维轮廓到二维开销,以及两者之间的不同点。

我已经设置了一个显示两条工作路径的代码笔,以及我在包含x,y,z轴的3d上的尝试。我似乎找不到任何说我允许在svg路径中提供z轴的东西,但认为它值得一试。

http://codepen.io/anon/pen/NRZNXW

路径线之间的差异是

<path d="Mx,y lat,lon">
<path d="Mi,z index,elevation">
<path d="Mx,y,z lat,lon,elevation">

有人知道我在svg中尝试做什么是可能的吗?或者为什么我在第三条道路上表现出奇怪的行为?

2 个答案:

答案 0 :(得分:1)

SVG是2D图像格式。您无法创建3D路径。

答案 1 :(得分:1)

Here是要添加到JSModeler的另一种资源:搜索单词ggplot可以找到许多示例;这里有一些:

  1. Customize: SVG 3D Geometric Solids
  2. SVG 3D Paths
  3. SVG 3D Geometric Solids

谢谢@Ionut 干杯