AutodeskForgeviewerPDFextension
创始人
2024-11-12 11:00:16
0

Autodesk Forge Viewer PDF 扩展

在使用 Forge Viewer 时,需要显示 PDF 文件,可以添加 Autodesk Forge Viewer PDF 扩展。以下是添加 Autodesk Forge Viewer PDF 扩展的示例代码:

// 加载 Autodesk Forge Viewer 的 JavaScript 和 CSS 文件
const head = document.getElementsByTagName('head')[0];
const source1 = document.createElement('script');
source1.type = 'text/javascript';
source1.src = 'https://developer.api.autodesk.com/modelderivative/v2/viewers/three.js/r119/three.min.js';
head.appendChild(source1);

const source2 = document.createElement('script');
source2.type = 'text/javascript';
source2.src = 'https://developer.api.autodesk.com/modelderivative/v2/viewers/viewer3D.min.js';
head.appendChild(source2);

const link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://developer.api.autodesk.com/modelderivative/v2/viewers/style.min.css';
head.appendChild(link);

// 加载 Autodesk Forge Viewer PDF 扩展的 JavaScript 文件
const pdfExtension = document.createElement('script');
pdfExtension.type = 'text/javascript';
pdfExtension.src = 'https://developer.api.autodesk.com/modelderivative/v2/viewers/extensions/PDF/PDF.js';
head.appendChild(pdfExtension);

// 创建 Autodesk Forge Viewer 容器
const viewerContainer = document.getElementById('forgeViewer');

// 初始化 Autodesk Forge Viewer PDF 扩展
const options = {
  env: 'AutodeskProduction',
  api: 'derivativeV2',
  getAccessToken: function(onTokenReady) {
    const accessToken = 'Insert access token here'; // 替换为需要的访问令牌
    const expireTimeSeconds = 60 * 30; // 访问令牌有效期为 30 分钟
    onTokenReady(accessToken, expireTimeSeconds);
  }
};

const viewer = new Autodesk.Viewing.Private.GuiViewer3D(viewerContainer);
const pdfExtensionConfig = {
  pdfDoc: 'Insert PDF URL here', // 替换为需要显示的 PDF 文件的 URL
};

viewer.start(options, function() {
  // 添加 Autodesk Forge Viewer PDF 扩展
  viewer.loadExtension('Autodesk.PDF').then(function() {
    viewer.loadModel(pdfExtensionConfig).then(function() {
      console.log('PDF model loaded');
    });
  });
});

在以上示例代码中,需要替换 Insert access token hereInsert PDF URL here,分别为访问令牌和需要显示的 PDF 文件的 URL。其中访问令牌需要在 Forge 开发者中心申请,PDF 文件需要存储在可

相关内容

热门资讯

透视好友!xpoker怎么辅助... 透视好友!xpoker怎么辅助,智星德州插件最新版本更新内容详解,大纲教程(一直是有挂)-哔哩哔哩1...
透视开挂!we poker辅助... 透视开挂!we poker辅助器(透视)开挂辅助技巧(切实存在有挂)-哔哩哔哩一、we poker辅...
透视能赢!德普之星app安卓版... 透视能赢!德普之星app安卓版破解版,wepoker私局代打,技法教程(真是是有挂)-哔哩哔哩1、完...
透视大厅!we-poker正规... 透视大厅!we-poker正规吗(透视)开挂辅助挂(原来真的有挂)-哔哩哔哩1、we-poker正规...
透视免费!hhpoker到底可... 透视免费!hhpoker到底可以辅助吗,wepoker透视有吗,演示教程(确实真的有挂)-哔哩哔哩运...
透视好友!wpk官网下载链接,... 透视好友!wpk官网下载链接,佛手在线大菠萝智能辅助器,积累教程(一直有挂)-哔哩哔哩1、佛手在线大...
透视线上!aapoker怎么选... 透视线上!aapoker怎么选牌(透视)开挂辅助神器(好像存在有挂)-哔哩哔哩1、aapoker怎么...
透视透视!HH平台挂,aapo... 透视透视!HH平台挂,aapoker透视脚本,指南教程(确实存在有挂)-哔哩哔哩1)aapoker透...
透视安卓版本!wepoker俱... 透视安卓版本!wepoker俱乐部辅助(透视)开挂辅助插件(确实真的有挂)-哔哩哔哩1.wepoke...
透视规律!德普辅助器怎么用,w... 透视规律!德普辅助器怎么用,wepokerplus到底是挂了吗,总结教程(一直存在有挂)-哔哩哔哩1...