cbim-render-toolbar v1.0.9

cbim-render-toolbar

这是一个配合 cbim-render-sdk 使用的插件，欢迎使用，如有不足，欢迎指正。 持续更新中...

• 注：支持所有的前端框架以及原生的引用方式

install

安装方式：npm install cbim-render-toolbar --save 引用方式：import RenderToolbar from 'cbim-render-toolbar'

npm安装方式使用说明

    import RenderToolbar from 'cbim-render-toolbar'
    // 下面代码放在cbim-render-sdk返回的数据之后
    switch (data.type) {
        case 'LoadStatus':
            if (data.status === 'Finished') {
                // renderViewer 为 cbim-render-sdk 实例化之后的对象
                let renderToolbar = new RenderToolbar(renderViewer, {
                    // toolbars 为显示控件的列表
                    toolbars: [
                        {label: '主视图'},
                        {label: '相机'},
                        {label: '测量'},
                        {label: '剖切'},
                        {label: '属性'},
                        {label: '天空盒'},
                        {label: '快照'},
                        {label: '视频'},
                        {label: '筛选'},
                        {label: '批注'},
                        {label: '设置'},
                        {label: '太阳光'},
                        {label: '显示风格'},
                        {label: '地形', icon: 'icon-terrain'},
                        {label: '导航图', icon: 'icon-daohang'},
                        {label: '模型树', icon: 'icon-tree'},
                        {
                            label: '切换模型',
                            fn: () => {
                                renderToolbar && renderToolbar.closeAll()
                                renderViewer.getWsInfo({itemVersionId: '模型版本号', requestUrlPrefix: '', webSocketUrl: ''})
                            }
                        },
                        {
                            label: '截图',
                            fn: () => {
                                renderViewer.ws.api.core.screenshot({quality: 0.8, type: 'jpg'}).then(imageSrc => {})
                            }
                        }
                    ],
                    container: '容器ID'}
                )
            }
            break
    }

script标签引入方式使用说明

    <script src="https://cdn.jsdelivr.net/npm/cbim-render-toolbar@latest" type="text/javascript" charset="utf-8"></script>
    // 下面代码放在cbim-render-sdk返回的数据之后
    switch (data.type) {
        case 'LoadStatus':
            if (data.status === 'Finished') {
                // renderViewer 为 cbim-render-sdk 实例化之后的对象
                let renderToolbar = new TOOLBAR(renderViewer, {
                    // toolbars 为显示控件的列表
                    toolbars: [
                        {label: '主视图'},
                        {label: '相机'},
                        {label: '测量'},
                        {label: '剖切'},
                        {label: '属性'},
                        {label: '天空盒'},
                        {label: '快照'},
                        {label: '视频'},
                        {label: '筛选'},
                        {label: '批注'},
                        {label: '设置'},
                        {label: '太阳光'},
                        {label: '显示风格'},
                        {label: '地形', icon: 'icon-terrain'},
                        {label: '导航图', icon: 'icon-daohang'},
                        {label: '模型树', icon: 'icon-tree'},
                        {
                            label: '切换模型',
                            fn: () => {
                                renderToolbar && renderToolbar.closeAll()
                                renderViewer.getWsInfo({itemVersionId: '模型版本号', requestUrlPrefix: '', webSocketUrl: ''})
                            }
                        },
                        {
                            label: '截图',
                            fn: () => {
                                renderViewer.ws.api.core.screenshot({quality: 0.8, type: 'jpg'}).then(imageSrc => {})
                            }
                        }
                    ],
                    container: '容器ID'}
                )
            }
            break
    }