raphael - 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。