キャンバスの裏側に背景として動画を追加しようとしています。問題は、このエラーが発生し続けることです。nullのメソッド 'drawImage'を呼び出すことはできません。助けてください
renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
container.appendChild(renderer.domElement);
canvas = document.querySelector("canvas");
videoContext = canvas.getContext( '2d' );
document.addEventListener('mousemove', onDocumentMouseMove, false);
そして、エラーが発生しているコードのさらに下に関数があります
function render() {
camera.position.x += (mouseX - camera.position.x) * .05;
camera.position.y += (-mouseY - camera.position.y) * .05;
camera.lookAt(scene.position);
if ( video.readyState === video.HAVE_ENOUGH_DATA ) {
videoContext.drawImage( video, 0, 0 );
}
renderer.render(scene, camera);
}
videoContextは常にnullのままです
同じキャンバスからwebglと2dコンテキストを持つことはできません。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加