Canvas 移动设备上CSS3D渲染器上的精灵不看3JS中的相机？

我想用一个控件同步两个场景

一个场景是WebGL渲染器，第二个是CSS3D渲染器

桌面-一切正常，但在移动设备（如Safari）上，画布无法正常工作：

画布仅在触摸移动后显示

精灵不看镜头

通过动态观察控件不随WebGL场景旋转的精灵

使用此代码创建的精灵：

element = document.createElement('div');
element.innerHTML = `<div class="markern">
<span class="one"></span><span class="two"></span><span class="three"></span>
<a href="javascript:;" class="click"></a>
<div class="marker-text">
<h3 class="marker-title bebas">text</h3>
<p class="marker-excerpt">text</p>
</div>
</div>`;
element.className = 'marker';
divtext = new THREE.CSS3DSprite(element);
divtext.position.set(3200, 7200, 4000);
divtext.element.onclick = function() { page.popup(2); };
scene2.add(divtext);

element=document.createElement（'div'）；
element.innerHTML=`
文本
文本

`;
element.className='marker'；
divtext=新的三个.CSS3DSprite（元素）；
divtext.position.set（320072004000）；
divtext.element.onclick=function（）{page.popup（2）；}；
场景2.添加（divtext）；

演示：