| SView for HTML5 V9.2集成说明书 | 您所在的位置：网站首页 › sviewforwindows › SView for HTML5 V9.2集成说明书 |
|
首先将demo中images、js、css、data、lang、lic、res、textures文件夹放入项目中指定位置。
在项目网页中引入css、js文件
//右键菜单
在文档就绪函数中执行sview默认对象的初始化，如下代码所示： if (!Detector.webgl) { Detector.addGetWebGLMessage(); } var sview0 = null; $(function() { //将H5集成在其他服务器时需配置基础路径，该路径指向H5控件包 sviewBaseUrl = "/h5/"; var option = { isOpenCrot: false, animationStatus: true, usem2: false, //为了限制右键菜单混乱而使用的标志符 isOpenJoystick: false, walkingMode: false, usePMI: true, pmiServer: "https://service.sv3d.cn/9.1/file", decryptoFile: false, // 配置加密文件密钥 }; //第一个参数为可视化浏览所需的div标签的id //第二个参数为定义的参数变量 sview0 = initSView("sview0",option); //initSView之后需将基础路径设置到sview中 sview0.SetSViewBaseUrl(sviewBaseUrl); //若不需开启在线视图等在线功能，则不需要配置 sview0.setParameter("ServerViewUrl", "http://service.sv3d.cn"); //若不需开启在线视图等在线功能，则不需要配置 sview0.setParameter("SViewAPIUrl", "http://service.sv3d.cn"); //协同会议服务器地址，若不使用协同会议功能，则不需要配置 //协同会议功能集成需要用到文档服务以及协同会议服务 sview0.setParameter("timServerUrl", "http://service.sv3d.cn"); //若不需开启在线视图等在线功能，则不需要配置 sview0.setParameter("userId", ""); //未开启在线视图等在线功能时，该值可设置为空字符串 sview0.setParameter("fileId", ""); sview0.setParameter("user", "游客"); sview0.setParameter("userFileId", ""); sview0.setParameter("uniqueId", ""); try { //打开多个文件 //参数1多个svlx文件路径的集合。 //中文时需增加服务端utf-8路径配置。 //var ret = sview0.open(["models/24-09-01.u3d.svlx","models/24-09-01.u3d.svlx"]); //若开启多线程下载配置，则打开路径需传递绝对路径，例如打开mongoose服务后ip地址+端口号为http://127.0.0.1:8080,模型存放路径为控件包中models文件夹，则打开路径需修改为： //var ret = sview0.open(["http://127.0.0.1:8080/models/24-09-01.u3d.svlx","http://127.0.0.1:8080/models/24-09-01.u3d.svlx"]); //打开一个svlx文件 //参数1 svlx文件路径。 //参数2 svlx文件是否是本地文件 //中文时需增加服务端utf-8路径配置。 //var ret = sview0.open("models/24-09-01.u3d.svlx",true); //若打开分散文件并开启多线程下载配置时，需将打开路径设置为绝对路径，例如打开mongoose服务后ip地址+端口号为http://127.0.0.1:8080,模型存放路径为控件包中models文件夹，则打开路径需修改为： //var ret = sview0.open("http://127.0.0.1:8080/models/24-09-01.u3d.svlx",true); //打开多个svlx文件,并有模型对应的唯一标识 //参数1 svlx文件路径集合。 //参数2 模型对应的唯一标识的集合,与路径一一对应 //中文时需增加服务端utf-8路径配置。 //var ret = sview0.open(["models/24-09-01.u3d.svlx","models/24-09-01.u3d.svlx"],["uuid1","uuid2"]); //若开启多线程下载配置，则打开路径需传递绝对路径，例如打开mongoose服务后ip地址+端口号为http://127.0.0.1:8080,模型存放路径为控件包中models文件夹，则打开路径需修改为： //var ret = sview0.open(["http://127.0.0.1:8080/models/24-09-01.u3d.svlx","http://127.0.0.1:8080/models/24-09-01.u3d.svlx"],["uuid1","uuid2"]); //打开一个或多个本地jsvl或者obj文件 //参数1 jsvl或者obj模型路径,数组格式。 //参数2 顶级模型名称 //参数3 压缩包内模型格式 //中文时需增加服务端utf-8路径配置,jsvl或者obj格式需要添加至压缩包内进行打开多个模型需添加至多个压缩包内。 //var ret = sview0.open(["models/24-09-01.u3d.zip","models/24-09-01.u3d.zip"],"topAssemblyName","obj/jsvl"); //打开一个jsvl或者obj文件 //参数1 jsvl或者obj模型路径。 //参数2 是否是本地文件 //参数3 压缩包内的文件名,可能与压缩包名称不一致 //参数4 压缩包内文件格式 //中文时需增加服务端utf-8路径配置,jsvl或者obj格式需要添加至压缩包内进行打开。 //var ret = sview0.open("models/24-09-01.u3d.zip",true,"24-09-01.u3d","obj/jsvl"); if(!(ret==""||ret==undefined)) { alert(ret); } } catch (e) { alert("无法正常打开，请检查原始模型是否正确或联系客服人员！"); $("#jdzw").css("width", "100%"); $("#jdz").html("无法正常打开，请检查原始模型是否正确或联系客服人员！"); } }); 若内网环境，需对控件包中js/sview/loadFile.js进行编辑，将parseHTML方法中设置fileId部分屏蔽，如下代码所示： // if(a.innerHTML==="flight engine.svlx"){ // fileJSON["fileId"] = "e1c254f6637f400095d220482cb4e92b"; // }else if(a.innerHTML==="girl.svlx"){ // fileJSON["fileId"] = "dc8bd6961a214c879709fd6f5d5c98cd"; // }else if(a.innerHTML==="jian-10.svlx"){ // fileJSON["fileId"] = "b66c3da65acc453ca634b58109d447a2"; // }else if(a.innerHTML==="ring.svlx"){ // fileJSON["fileId"] = "d57790c0ea244a7c9e58fa8502c83572"; // }else if(a.innerHTML==="workshop.svlx"){ // fileJSON["fileId"] = "a51f919a3d124a5687041d1b36888259"; // }else if(a.innerHTML==="Camera.svlx"){ // fileJSON["fileId"] = "0c3d0be279ad471d935b8dbc2bd84948"; // }else if(a.innerHTML==="Cup Mold.svlx"){ // fileJSON["fileId"] = "55509bcdc8c14373a75107738ec31417"; // }else if(a.innerHTML==="Wankel Engine.svlx"){ // fileJSON["fileId"] = "97eada03361041a2b870e6e61c828132"; // } // else if(a.innerHTML==="DamagedHelmet-DayLight.svlx"){ // fileJSON["fileId"] = "89ab6885b6994d3fa0a88270917c17d1"; // } // else{ fileJSON["fileId"] = ""; // } 若打开分散文件，需将所有分散文件存放在同一目录下，打开主装配件即可，同时打开分散文件或者多文件打开时，需将模型选择界面代码(index.html)做一下调整，将请求文件夹时路径修改为绝对路径，如下代码所示： $(document).ready(function () { filePathList.push({"path":"./models/","name":"models"}); //需修改为绝对路径，例如打开mongoose服务后ip地址+端口号为http://127.0.0.1:8080,则修改为 //filePathList.push({"path":"http://127.0.0.1:8080/models/","name":"models"}); requestFloder("./models/"); //需修改为绝对路径，例如打开mongoose服务后ip地址+端口号为http://127.0.0.1:8080,则修改为 //requestFloder("http://127.0.0.1:8080/models/"); if (window.ActiveXObject || "ActiveXObject" in window) { $("#upload").removeClass("hide"); } else { $("#upload").removeClass("hide"); } }); 根据api文档中接口所示，用js或jquery进行所需功能的调用即可。 |
| CopyRight 2018-2019 实验室设备网 版权所有 |