Vreo
    Preparing search index...

    Interface CSS3DRenderPluginExportType

    interface CSS3DRenderPluginExportType {
        create3DDomContainer: (
            points: Vector3[] | Vector3Position[],
            config?: { [key: string]: any; ratio?: number | undefined; dpr?: number | undefined; autoRender?: boolean | undefined; container?: HTMLElement | undefined; } & ({ mode?: "front" | undefined; } | { ...; }),
        ) =>
            | void
            | {
                container: HTMLElement;
                css3DObject: CSS3DObject;
                dispose: () => void;
                render?: () => void;
            };
        disposeAll: () => void;
    }
    Index

    Properties

    create3DDomContainer: (
        points: Vector3[] | Vector3Position[],
        config?: { [key: string]: any; ratio?: number | undefined; dpr?: number | undefined; autoRender?: boolean | undefined; container?: HTMLElement | undefined; } & ({ mode?: "front" | undefined; } | { ...; }),
    ) =>
        | void
        | {
            container: HTMLElement;
            css3DObject: CSS3DObject;
            dispose: () => void;
            render?: () => void;
        }

    根据传入的四个点位创建一个3d dom容器,可以通过ReactDom.render()的方式将react组件放到容器中

    Type declaration

      • (
            points: Vector3[] | Vector3Position[],
            config?: { [key: string]: any; ratio?: number | undefined; dpr?: number | undefined; autoRender?: boolean | undefined; container?: HTMLElement | undefined; } & ({ mode?: "front" | undefined; } | { ...; }),
        ):
            | void
            | {
                container: HTMLElement;
                css3DObject: CSS3DObject;
                dispose: () => void;
                render?: () => void;
            }
      • Parameters

        • points: Vector3[] | Vector3Position[]

          矩形四个点坐标

        • Optionalconfig: { [key: string]: any; ratio?: number | undefined; dpr?: number | undefined; autoRender?: boolean | undefined; container?: HTMLElement | undefined; } & ({ mode?: "front" | undefined; } | { ...; })

          配置项,包含ratio(像素比例)、dpr(设备像素比)、container(容器)、autoRender(自动渲染)、mode(渲染模式)等

        Returns
            | void
            | {
                container: HTMLElement;
                css3DObject: CSS3DObject;
                dispose: () => void;
                render?: () => void;
            }

        返回包含容器、销毁函数、CSS3D对象和可选渲染函数的对象

    disposeAll: () => void

    销毁所有的渲染内容