使画布背景透明

问题描述 投票:0回答:1
javascript three.js html5-canvas
1个回答
0
投票

我认为,您使用的通行证可能有问题。如果删除这些通行证仍然不起作用?因为有些通行证可能存在透明度问题。 尝试设置 webgl 目标并添加 RGBA 格式,它应该有助于解决问题。有示例代码,这应该有助于提高透明度。

const canvas = this.renderer.domElement;
const width = canvas.clientWidth * this.pixelRatio | 0;
const height = canvas.clientHeight * this.pixelRatio | 0;
const parameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBAFormat, stencilBuffer: false };
const renderTarget = new THREE.WebGLRenderTarget(width, height, parameters);
renderTarget.texture.encoding = QUnityCore.instance.renderManager.renderer.outputEncoding
const composer = new EffectComposer(this.renderer, renderTarget);
composer.renderToScreen = false;

或者您可以在此线程中找到更多信息。我希望这对你有帮助。

© www.soinside.com 2019 - 2024. All rights reserved.