Skip to content

调整背景颜色、背景图片


在实际开发中我们常常需要调整场景背景颜色或者背景图,F-BIM 的调整背景颜色、背景图片能力应运而生,这一章节将介绍这一能力。

告知

为避免初始化 F-BIM 逻辑占用太多代码行数, Scene 初始化已移至 scene.js 完成,其导出的 scene 已完成初始化。

调整背景颜色

实现调整背景颜色大致分为如下步骤:

  1. 完成初始化F-BIM
  2. 设置 scene_contextbackground 为对应值
  3. 设置 scene_contextchangedtrue 应用更改
<!DOCTYPE html>
<html>
<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
</head>
<body>
  <h1>Hello world</h1>
</body>
</html>

调整背景图片

实现调整背景图片大致分为如下步骤:

  1. 完成初始化F-BIM
  2. 设置 scene_contextbackground_image 为对应值
  3. 设置 scene_contextchangedtrue 应用更改
<!DOCTYPE html>
<html>
<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
</head>
<body>
  <h1>Hello world</h1>
</body>
</html>

蜀ICP备2023032665号 四川观筑数智科技有限公司