摘要:讓我們來(lái)體驗(yàn)的功能。在來(lái)我們就可以將剛剛?cè)〉玫暮蛡魉偷阶约旱姆?wù)器上,同時(shí)儲(chǔ)存到數(shù)據(jù)庫(kù)里面。將來(lái)要回復(fù)的話,就可以先從數(shù)據(jù)庫(kù)獲取和,并透過(guò)下面的方法來(lái)回復(fù)開(kāi)啟涂丫工具回復(fù)先前制作涂丫時(shí)的畫(huà)面的狀態(tài)在圖層上重現(xiàn)涂丫原文
讓我們來(lái)體驗(yàn) Viewer v2.16 Autodesk.Viewing.MarkupsCore 的功能。首先要先確保你使用的 viewer 版號(hào)是正確的:
你知道可以透過(guò)瀏覽器的開(kāi)發(fā)者工具直接測(cè)試代碼嗎?透過(guò)開(kāi)發(fā)者工具就不用重整網(wǎng)頁(yè)頁(yè)面來(lái)載入新寫(xiě)好的代碼,是不是很方便呢?!現(xiàn)在我們透過(guò) Promise 來(lái)載入擴(kuò)展:
let markup; NOP_VIEWER.loadExtension( "Autodesk.Viewing.MarkupsCore" ).then( ( markupsExt ) => { markup = markupsExt; });
這是上面代碼在 Console 執(zhí)行的結(jié)果:
現(xiàn)在讓我們?cè)诋?huà)面上加入云形線標(biāo)注涂丫:
markup.enterEditMode(); const cloud = new Autodesk.Viewing.Extensions.Markups.Core.EditModeCloud( markup ); markup.changeEditMode( cloud );
那么他的執(zhí)行結(jié)果就像這個(gè)樣子:
那么我們有哪些形式的標(biāo)注涂丫可以使用呢?在 Viewer 里有提供這些選項(xiàng)可以使用:
Autodesk.Viewing.Extensions.Markups.Core.EditModeArrow Autodesk.Viewing.Extensions.Markups.Core.EditModeCircle Autodesk.Viewing.Extensions.Markups.Core.EditModeCloud Autodesk.Viewing.Extensions.Markups.Core.EditModeFreehand Autodesk.Viewing.Extensions.Markups.Core.EditModeHighlight Autodesk.Viewing.Extensions.Markups.Core.EditModePen Autodesk.Viewing.Extensions.Markups.Core.EditModePolycloud Autodesk.Viewing.Extensions.Markups.Core.EditModePolyline Autodesk.Viewing.Extensions.Markups.Core.EditModeRectangle Autodesk.Viewing.Extensions.Markups.Core.EditModeText
那現(xiàn)在如果我們想要保存畫(huà)面的標(biāo)注涂丫要怎么做呢?我們可以像這個(gè)樣子取得標(biāo)注涂丫轉(zhuǎn)的代表字串以及當(dāng)前畫(huà)面的狀態(tài)
// 將剛剛產(chǎn)生的標(biāo)注涂丫轉(zhuǎn)換成字串 const markupsPersist = markup.generateData() // 當(dāng)前畫(huà)面的狀態(tài) (zoom, direction, sections) const viewerStatePersist = markup.viewer.getState() // 離開(kāi)編輯模式 markup.leaveEditMode() // 隱藏涂丫工具,并回復(fù)導(dǎo)覽工具 markup.hide()
小提醒:在我們離開(kāi)標(biāo)注涂丫的編輯模式后就沒(méi)辦法在修改這些涂丫了,它會(huì)被轉(zhuǎn)換成 SVG 的圖片。
在來(lái)我們就可以將剛剛?cè)〉玫?markupsPersist 和 viewerStatePersist 傳送到自己的服務(wù)器上,同時(shí)儲(chǔ)存到數(shù)據(jù)庫(kù)里面。將來(lái)要回復(fù)的話,就可以先從數(shù)據(jù)庫(kù)獲取 markupsPersist 和 viewerStatePersist,并透過(guò)下面的方法來(lái)回復(fù):
// 開(kāi)啟涂丫工具 markup.show(); // 回復(fù)先前制作涂丫時(shí)的 Viewer 畫(huà)面的狀態(tài) markup.viewer.restoreState( viewerStatePersist ); // 在 MyLayer 圖層上重現(xiàn)涂丫 markup.loadMarkups( markupsPersist, "MyLayer" );
原文:https://forge.autodesk.com/bl...
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/84944.html
摘要:截圖據(jù)我所知是目前在最常被使用的功能,你可以在官方博客里頭找到不少關(guān)于這個(gè)的文章,但要如何制作含的截圖呢要做到這個(gè)其實(shí)挺容易的,關(guān)鍵在于這個(gè)方法,但在調(diào)用時(shí)必需注意的截圖的大小。下面的樣例是調(diào)用這個(gè)方法通過(guò)將畫(huà)在的畫(huà)布上。 showImg(https://segmentfault.com/img/bV1Cei?w=992&h=490); 截圖據(jù)我所知是目前在 Forge Viewer ...
摘要:現(xiàn)在讓我們修改這個(gè)示例讓他可以展示兩個(gè)同項(xiàng)目但不同版號(hào)的模型及。示例執(zhí)行結(jié)果如下這邊是這個(gè)比較模型的括展代碼英文原文 showImg(https://segmentfault.com/img/bVOmjp?w=1542&h=925); 熟悉 BIM360 Team 的朋友可能知道他有一個(gè)很牛的模型文檔版本比較的功能,但如果模型是放在 Google 云盤(pán)或是百度云盤(pán)上有可能做到嗎? Au...
摘要:最近有一則來(lái)自客戶的問(wèn)題咨詢我要如何通過(guò)編程的方式來(lái)設(shè)置量測(cè)工具的長(zhǎng)度單位的量測(cè)括展有提供一系列的函式讓開(kāi)發(fā)者在通過(guò)編寫(xiě)來(lái)調(diào)用,但不幸的是目前你沒(méi)辦法找到詳細(xì)說(shuō)明這些函數(shù)用法的幫助文檔。 showImg(https://segmentfault.com/img/bV1Ztz?w=641&h=377); 最近有一則來(lái)自客戶的問(wèn)題咨詢:我要如何通過(guò)編程的方式來(lái)設(shè)置量測(cè)工具的長(zhǎng)度單位? Fo...
摘要:前陣子有些圈的朋友們都在詢問(wèn)同一個(gè)問(wèn)題要怎么在的自帶右鍵菜單上添加自定義項(xiàng)目或是只顯示自訂義項(xiàng)目以下將針對(duì)在自帶右鍵菜單上添加自定義項(xiàng)目和只顯示自訂義項(xiàng)目的右鍵菜單進(jìn)行說(shuō)明。 前陣子有些 Autodesk Forge 圈的朋友們都在詢問(wèn)同一個(gè)問(wèn)題『要怎么在 Viewer 的自帶右鍵菜單上添加自定義項(xiàng)目或是只顯示自訂義項(xiàng)目』~ 以下將針對(duì)『在自帶右鍵菜單上添加自定義項(xiàng)目』和『只顯示自訂義...
閱讀 3981·2021-11-22 15:31
閱讀 2518·2021-11-18 13:20
閱讀 3098·2021-11-15 11:37
閱讀 6960·2021-09-22 15:59
閱讀 736·2021-09-13 10:27
閱讀 3767·2021-09-09 09:33
閱讀 1435·2019-08-30 15:53
閱讀 2562·2019-08-29 15:37