3D线条在WebGL球体外无法渲染（可能是CSS冲突？）

Question

3D线条在WebGL球体外无法渲染（可能是CSS冲突？）

javascriptcssthree.jssplunkwebgl-globe

3

我正在尝试将WebGL Globe visualization添加到自定义SaaS应用程序（Splunk）中，但是除了看到点之外，我仅能得到出地球仪的线条。

enter image description here

我怀疑该应用程序有自己的CSS或其他东西，正在覆盖、隐藏或防止这些行出现。但我不知道从哪里开始调试，以及应该寻找哪些“麻烦”的CSS属性。

我不确定这是否有帮助，但这里有两个元素的CSS属性截图： <div> 和在 <div> 内部的 <canvas>。

https://www.dropbox.com/s/x7qqkhimkh34h8q/Screenshot%202014-09-26%2000.40.35.png?dl=0 https://www.dropbox.com/s/h79190dgf2k99w6/Screenshot%202014-09-26%2000.40.44.png?dl=0

我的示例JSON数据来自这个教程，它是有效的。我甚至尝试了一个非常简单的数据集。

[['series1', [0, 0, 1]]]

甚至那样也不起作用了（只有一个点）。

- hobbes3

2

你能把你的代码上传到某个地方吗？仅从截图中很难看出发生了什么... - mrdoob

@mrdoob，我担心代码不会有太多意义，因为我使用RequireJS将其“导入”到Splunk中进行了编辑。我尽可能保持了代码与原始Chrome实验示例的相似性。无论如何，这是链接：https://github.com/hobbes3/splunk_globe（JS文件在https://github.com/hobbes3/splunk_globe/tree/master/appserver/static中）。 - hobbes3

索引文件 index.html 在哪里？ - mrdoob

1

嗯，也许你可以准备一个更简单的测试？这样做的时候，很有可能会发现问题所在。 - mrdoob

好的，我会尝试在不使用Splunk的情况下重现这个问题。谢谢你的提示。 - hobbes3

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- anrjustin · Accepted Answer

你的JSON文件中的数量级非常小，这导致点看起来不像线条。尝试将数量级增加到大约0.5左右。