# WebView组件
使用WebView组件可以将HTML页面嵌入到三维场景中。
注意
当前WebView无法支持包含透明度的HTML页面!
import { WebView } from '@tx3d/core';
// 创建一个空实体
const entity = engine.createEntity();
// 添加一个HTML页面
const webView = entity.addComponent( WebView, {
domElement: element, // HTML元素,必填
pixelWidth: 256, // HTML元素的真实像素宽度,单位:像素
pixelHeight: 128, // HTML元素的真实像素高度,单位:像素
width: 4, // 物理宽度,即在三维场景中的呈现宽度,单位:米
height: 2, // 物理高度,即在三维场景中的呈现高度,单位:米
billboard: false // 是否使用公告板方式展示
} );
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
注意
WebView组件初始的物理宽高比需要与其真实的像素宽高比一致,否则渲染结果会变形!
提示
WebView组件初始化参数,详见WebViewParameters。