{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 太酷不给撩 的问题《JavaScript error when generating A-Frame screensho》','https://www.manongdao.com/q-819677.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I'm trying to generate screenshots from A-Frame but keep getting this error:
TypeError: document.querySelector(...).components.screenshot is undefined
Here's the test code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
</head>
<body>
<a-scene screenshot="width: 640; height: 320">
<a-entity id="box" geometry="primitive: box; width: 1; depth: 1; height: 1" position="-1 0.5 -3" rotation="0 45 0" material="color: #4CC3D9"></a-entity>
<a-entity id="sphere" geometry="primitive: sphere; radius: 1.25" material="color: #EF2D5E" position="0 1.25 -5"></a-entity>
<a-entity id="cylinder" geometry="primitive: cylinder; radius: 0.5; height: 1.5" position="1 0.75 -3" material="color: #FFC65D"></a-entity>
<a-entity id="plane" position="0 0 -4" rotation="-90 0 0" geometry="primitive: plane; width: 4; height: 4" material="color: #7BC8A4"></a-entity>
<a-entity id="sky" geometry="primitive: sphere; radius: 100" material="color: #ECECEC; shader: flat; side: back"></a-entity>
</a-scene>
<script>
document.querySelector('a-scene').components.screenshot.capture('perspective')
</script>
</body>
</html>
The line of JavaScript is from the official docs: https://aframe.io/docs/0.8.0/components/screenshot.html
and here's the A-Frame source: https://github.com/aframevr/aframe/blob/master/src/components/scene/screenshot.js
The screenshot component is not initialized by the time you try to access its member function.
Try creating a new component consisting of your code:
HTML
like i did here
You could also listen for the
a-scenesloadedevent, or use a setTimeout() if you want.