# 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

注意

WebView组件初始的物理宽高比需要与其真实的像素宽高比一致,否则渲染结果会变形!

提示

WebView组件初始化参数,详见WebViewParameters

Last Updated: 7/4/2023, 11:28:27 AM