从两个HTML文件访问Forge Viewer
是指通过两个HTML文件来访问和展示Autodesk Forge Viewer的功能和内容。Forge Viewer是一款强大的Web端三维模型查看器，可以在网页上加载和展示各种三维模型，并提供丰富的交互和可视化功能。
在访问Forge Viewer之前，需要先引入相关的JavaScript库和资源文件。通常情况下，我们可以将这些资源文件放置在服务器上，然后在HTML文件中通过script标签引入。以下是访问Forge Viewer的基本步骤：
- 创建第一个HTML文件（例如index.html），用于加载和显示Forge Viewer。在该文件中，需要引入Forge Viewer的JavaScript库和样式文件，并创建一个用于展示模型的容器。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Forge Viewer Example</title>
<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/style.min.css" type="text/css">
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/three.min.js"></script>
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/viewer3D.min.js"></script>
</head>
<body>
<div id="viewerContainer"></div>
<script>
var viewer;
function initializeViewer() {
var options = {
env: 'AutodeskProduction',
api: 'derivativeV2',
getAccessToken: function(onTokenReady) {
// 在这里获取访问Forge API所需的访问令牌
// 可以使用腾讯云的云函数或其他后端服务来实现
// 并将令牌传递给onTokenReady回调函数
}
};
Autodesk.Viewing.Initializer(options, function() {
viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('viewerContainer'));
viewer.start();
loadModel();
});
}
function loadModel() {
var documentId = 'your_model_document_id'; // 替换为实际的模型文档ID
Autodesk.Viewing.Document.load('urn:' + documentId, function(document) {
var defaultModel = document.getRoot().getDefaultGeometry();
viewer.loadDocumentNode(document, defaultModel);
}, function(error) {
console.error('Failed to load Forge model: ' + error);
});
}
initializeViewer();
</script>
</body>
</html>- 创建第二个HTML文件（例如viewer.html），用于加载和显示具体的模型。在该文件中，需要引入第一个HTML文件（index.html）中的JavaScript代码，并调用相关函数来加载指定的模型。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Forge Viewer Model</title>
</head>
<body>
<script src="index.html"></script>
<script>
// 调用第一个HTML文件中的函数来加载模型
loadModel();
</script>
</body>
</html>通过以上步骤，我们可以在第一个HTML文件中初始化并展示Forge Viewer，并在第二个HTML文件中通过调用相关函数来加载具体的模型。这样可以实现在不同的HTML文件中访问和展示Forge Viewer的功能。
推荐的腾讯云相关产品：腾讯云对象存储（COS），用于存储和管理模型文件；腾讯云云函数（SCF），用于获取访问Forge API所需的访问令牌。您可以通过以下链接了解更多关于这些产品的信息：
相关·内容
1回答
我已经成功地在一个标准的javascript (.js)文件中创建了许多autodesk forge查看器函数。这些功能包括显示查看器，并在按下外部按钮时隔离到特定部分。目前我有一个主要的html/php主页，在那里我使用<script src="MyForgeFunctions.js"></script>将我的javascript文件包含在我所有的伪造函数中，这些函数是通过一个按钮访问的由于网站的设置方式，我需要能够访问<
浏览 25提问于2020-06-17得票数 0
回答已采纳
我想确认是否有一种方法可以在使用Forge Viewer Javascript API打开的dwg上运行autocad命令(特别是AREA命令)。谢谢。
浏览 2提问于2017-05-25得票数 0
使用Autodesk Forge Viewer
我想用Forge API.Can从两个IFC文件中生成一个查看器文件，我用模型派生API来实现这一点？
浏览 1提问于2018-10-05得票数 0
回答已采纳
我想导入PDF文件在模型衍生API，并与不同的层。但是它并没有像在DWG文件中那样检测PDF模型中的层。图层管理器选项不可见。该怎么办呢？
浏览 2提问于2020-01-31得票数 0
回答已采纳
1回答
我使用Forge-Viewer创建了一个网站，它实现了在一个窗口中加载多个模型，如本文https://forge.autodesk.com/blog/aggregate-multi-models-sequence-forge-viewer我需要选择两个几乎相同的文件，它们之间只有一个元素的属性不同，并用红色涂抹这些差异。如何才能将两个相同的上传文件之间的差异涂成红色？ 这是为一个新网站准备的。我
浏览 9提问于2019-02-27得票数 0
回答已采纳
1回答
我是Forge的新手，我想用我的服务器构建一个离线3d查看器，但是语言选项并不是完全实用的，比如下面的屏幕截图：
只在多维数据集中使用的语言与浏览器配置相同(如图中的中文)，其他语言都是默认的英语单词所有的..js/..css文件都存储在服务器上，如果我在Autodesk.Viewing.Initializer({language: '***someLanguage***'})中设置了选项的话。但是，如果我将主js文件源更改为AutoDesk的CDN (其他js文件仍在本地服务器上) (<
浏览 1提问于2018-08-13得票数 0
回答已采纳
我正在尝试使用我找到的函数loadModel()将带有纹理的自定义模型加载到Forge Autodesk viewer中。所以我在本地使用的是'Resources/3Dmodel‘文件夹，也就是生成的svf文件夹。它包含.tif.png纹理、.svf文件、Materials.json.gz存档和svf文件夹中的其他常用文件(属性、相机定义...)。window.NOP_
浏览 1提问于2018-04-23得票数 0
我感兴趣的是在网上显示Revit平面图，使用Forge Viewer。使用Autodesk.Viewing.Document.getSubItemsWithProperties ()访问3D视图和工作表视图非常简单。但是，我无法在文档中找到访问平面图视图(而不是工作表视图)的任何引用。
这里提出了一个类似的问题()，但结论还不清楚--最初的海报似乎只获得了纸面视图。我的问题是: Revit平面图视图是否可以从Forge Viewer访问？或者，它是否只
浏览 1提问于2017-04-26得票数 0
回答已采纳
我们在forge查看器中有一个自定义操作，并将一个附加组件加载到查看器中。我们在启动时加载一个初始模式，它工作得很好。我们正确显示的模型的属性。然后我们用viewer.loadModel加载第二个模型(...)在后面。下面是我们设置的选项。没有关于设置某些属性工作的forge的api指南的信息。这到底是可行的，还是目前这种情况是不可能的？ 我已经尝试将forge-viewer从7.53.0更新到7.55.0，但没有进一步的进展。
浏览 23提问于2021-11-04得票数 1
我在Autodesk Forge Viewer3D中遇到了一条警告信息。最近，我将Autodesk Forge Viewer3D的版本从2.3更新到4.3。我甚至更新了.css文件和.js文件。我没有在Autodesk Forge帐户上托管它。
浏览器未解压缩LMV资源()。这伤害了表演。
浏览 0提问于2018-07-03得票数 0
1回答
它可以很好地处理rvt文件，并且几乎可以处理pdf。当比较两个pdf时，查看者会放大文件的一部分，而我无法将其取消缩放。此外，原始文件似乎缩小为缩放的部分。编辑： 我以这种方式加载pdf，Autodesk.Viewing.Initializer不是图片： viewer1.addEventListener(Autodesk.Viewing.LOADER_LOAD_FILE_EVENT, function (e) {
viewer1.loadE
浏览 9提问于2021-10-11得票数 1
1回答
自动桌面+角:找不到自动桌面名称
、、、、
我已经添加了对我的html文件头的引用，但是它不识别Autodesk。我知道错误:找不到名字'Autodesk‘。: 'app-forge-viewer', styleUrls: ['./forge-viewer.component.scss']
浏览 1提问于2021-03-16得票数 0
我尝试在没有SVF转换的情况下以本机方式显示DWF文件和PDF文件。我在这里关注这个博客： https://forge.autodesk.com/blog/dwf-and-pdf-support-forge-viewer 从一个PDF示例开始，这是我正在使用的代码( PetrDOCTYPE html>
浏览 31提问于2021-11-07得票数 2
我已经在三个js查看器的point clound中加载了一个模型，并在Forge中加载了相同的原始模型。现在我想同步相机，但由于不同的坐标系，同步干扰。
浏览 0提问于2021-07-26得票数 0
我们有从10MB到200MB的大型Revit文件。伪造查看器似乎需要一些时间，但需要加载它们。问题出现在我们自己的算法中，一旦加载到Forge Viewer中，这些算法就会在可视对象中获取属性。我想知道Forge Viewer本身是否对它可以显示的元数据或CAD文件的大小有任何限制。另外，对查看器对象的getProperties调用对更大的元数据有任何限制吗？
浏览 11提问于2019-11-06得票数 0
回答已采纳
我调用viewer.hideAll和viewer.show来实现Forge中的自定义过滤功能。如果我有一个特定元素的dbid列表，并且在查看器初始化后立即调用上面提到的两个方法，那么什么都不会发生。我的意思是没有任何元素被隐藏或显示，也没有错误从Forge查看器实例中抛出。是否还有比Autodesk.Viewing.OBJECT_TREE_CREATED_EVENT更早触发的事件，我可以使用这些事件来知道何时调用viewer.hideAll和viewer</em
浏览 2提问于2022-09-26得票数 0
今天，我收到一个问题"onDocumentLoadFailure() - errorCode:7“，它与Forge viewer上的任何模型加载有关。它抛出以下错误：有人能帮我解决这个问题吗？
浏览 1提问于2018-03-27得票数 0
我可以使文件(.step)显示在Forge Viewer上，给出每个文件的坐标和旋转(x，y，z)，但我当然不能下载最终结果。 有没有办法在查看器之前创建文件？例如，我有两个3D文件，一个带有"A“，另一个带有"B”。如果我用这些坐标加载viewer文件"A“(X:0，Y:0，Z:0)和"B”(X:5，Y:0，Z:0)，我可以像这样"AB“查看我的最终3D，但我不能从查看器下载最终结果
浏览 21提问于2021-04-21得票数 1
我正在尝试上传包含链接文档的revit文件。 所有文档都在相同的文件夹和存储桶中。每时每刻。 1-您需要将文件上传到存储桶中。完成了！2-您需要使用以下端点为复合源文件创建引用：https://forge.autodesk.com/en/docs/model-derivative/v2/reference/http/urn-references-POST/ 好的，让我们看看我是否可以创建一个对无效文
浏览 55提问于2019-10-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
