【three.js】设置canvas画布背景透明

通过Three.js渲染一个模型的时候,不希望canvas画布有背景颜色,也就是canvas画布完全透明,可以透过canvas画布看到画布后面叠加的HTML元素图文,呈现出来一种三维模型悬浮在网页上面的效果。

比如我们现在的模型背景是黑色的,非常不美观,我们想把背景变透明,如何做呢?

// 在构造函数参数中设置alpha属性的值
var renderer = new THREE.WebGLRenderer({
  alpha: true
});

有时我们不想变透明,只想换一个别的颜色,那么如何改呢?

renderer.setClearColor(0xb9d3ff, 0.4); //设置背景颜色和透明度,如果完全透明则设置0.0即可

相关推荐

  1. qt 关于设置背景颜色,和背景透明的方法

    2024-06-16 22:10:02       18 阅读
  2. uni-app canvas创建画布

    2024-06-16 22:10:02       31 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-16 22:10:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-16 22:10:02       101 阅读
  3. 在Django里面运行非项目文件

    2024-06-16 22:10:02       82 阅读
  4. Python语言-面向对象

    2024-06-16 22:10:02       91 阅读

热门阅读

  1. 在 PHP 中怎样实现实时数据推送功能?

    2024-06-16 22:10:02       30 阅读
  2. 2813. 子序列最大优雅度 Hard

    2024-06-16 22:10:02       31 阅读
  3. springcloud入门与实践

    2024-06-16 22:10:02       24 阅读
  4. Python编程:从入门到实践(第3版)

    2024-06-16 22:10:02       40 阅读
  5. 大厂笔试真题讲解—美团23—小美的蛋糕切割

    2024-06-16 22:10:02       29 阅读
  6. C# 程序结构

    2024-06-16 22:10:02       30 阅读
  7. SQL MAX() 函数深入解析

    2024-06-16 22:10:02       29 阅读
  8. 鸿蒙开发:【PageAbility组件概述+配置】

    2024-06-16 22:10:02       29 阅读