0

目前我正在使用 THREE.js 库来渲染 3D 场景,没有问题。

我想覆盖一个 SVG ,但是我有以下问题,最好在图像中展示:

拉斐尔叠加

如您所见,没有 WebGL(上图),我的 2D 元素渲染。红色条来自 Raphael (SVG),灰色摇杆使用纯 Canvas 2D 上下文渲染。

使用 WebGL 底层(下图),纯 Canvas 2D 上下文继续正常渲染,但 Raphael (SVG) 呈现底层 WebGL 的外观。然而,3D 视图显示层和位置是正确的。

这只是两种不兼容的渲染方法的情况,还是我可能会在某处更改设置。我更喜欢使用 Raphael 的 .onTouch 功能,但如果必须的话,我愿意回退到纯 Canvas 2D 上下文进行叠加。

4

1 回答 1

0

看起来像一个 zIndex 问题。当您添加三个.js domelement 时,您将其添加到什么?

svg 是否在 dom 树上更高,而您在最后附加了 webgl?

webgl 是否绝对定位但 svg 不是?ETC

于 2013-02-21T04:25:25.180 回答