如何解决在反应三纤维中不能对画布使用pixelRatio
我已经使用 react-three-fiber 建立了一个 3D 模型,并希望使其具有响应性。该模型在较小的屏幕上变得非常模糊,所以我想使用 pixelRatio = {window.devicePixelRatio}。但是,它找不到道具 pixelRatio 并且无法编译。有谁知道这是为什么?
代码:
<Canvas gl={{ antialias: true }} pixelRatio={window.devicePixelRatio}>
<PerspectiveCamera>
<axesHelper />
<gridHelper />
<OrbitControls
target={[0,0]}
enablePan={false}
autoRotate
maxDistance={1}
minDistance={0.6}
/>
<ambientLight intensity={0.5} />
<Spotlight />
<pointLight position={[0,1,2]} />
<Suspense fallback={null}>
<Model />
</Suspense>
</PerspectiveCamera>
</Canvas>
我只是收到消息“属性 'pixelRatio' 在类型 'IntrinsicAttributes & Props' 上不存在。”
解决方法
我发现了问题。他们最近将其从 pixelRatio 更改为 dpr。工作方式与以前相同。
,要设置像素比例,你可以从useThree钩子中得到“gl”然后去
gl.setPixelRatio(value)
如果你想在 Canvas 上做,你必须在 Canvas 的 gl prop 中定义它
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。