Raphael JS 3D效果投影

Question

我正在尝试制作一个相当复杂的Raphael JS圆环图。

我遇到了几个问题，其中一个是3D效果，我打算通过在彼此之后添加7个阴影（发光）或环形重复来解决，以模拟形状的7px厚度。

我怎么能以最好的方式做到这一点？提前谢谢你......

Answer 1

七个阴影似乎不是最好的方法，因为它的计算成本很高，因为它看起来不太好，因为在使用矢量图形时，通常应该避免使用像素。

如果你想画一段圆柱体 - 画它。包括双方。即使是纯色，它也会产生3d的合理错觉，您可以通过使用渐变来模拟照明来使其看起来更漂亮。你必须跟踪哪些面部实际可见，但几乎任何3D方法都是这种情况，包括阴影。

Answer 2

@KennethB也许这些插件可以帮助您：https://github.com/bkuzmic/raphael-charts-plugin和https://github.com/PuffyCoffee/3D-Pie-chart。下载这些插件并研究代码，这些插件具有MIT许可证并使用Raphael。