在mhtml5 svg中绘制球体

时间:2015-10-30 20:43:00

标签: html5 svg

我想在html5中绘制一个气泡(实际上有很多气泡,但让它首先使用),我想使用svg,因为我想缩放气泡而不需要纹理他们这样svg是更好的选择。

但我没有找到关于在纯html5和javascript中使用svg做一个球体的任何事情,我发现主要是针对像this问题的画布或像this这样的webgl,两者都是这些是基于栅格的,基于矢量的对我来说更好。

有办法做到这一点吗?还是我坚持使用圆圈呢?

1 个答案:

答案 0 :(得分:1)

不幸的是,这有点晚了,但我希望它会帮助那些喜欢这样的人。您将找不到一个独立的解决方案(或者您必须编写自己的js实现来处理创建球体所需的所有数学运算),但您可以使用d3js库并使用.geo(几何)扩展(默认情况下附带) D3 js)这方面的一个很好的例子是这样的:

enter code here http://blog.workshape.io/making-a-spherical-globe-using-d3js/

我想在本教程中您会发现该示例的第2版是您使用的最佳选择:

enter code here http://jsfiddle.net/GordyD/uwp5vu87/2/