摘要
近幾年模型技術發展迅速，成為圖學領域的熱門研究領域。如何從現有的模型中擷取所需資訊並加以利用，具有相當挑戰性。本論文提出網頁繪圖系統，以Scalable Vector Graphics (SVG)作為傳輸媒介。使用Three.js作為三維模型框架進行三維物件渲染。提供模型導覽，使用者操作同時，進行網格分析，計算被選取面的外框頂點座標資訊。系統能支援複合面選取及合併，建立三維點座標及二維點座標資料關聯。進一步利用二維點座標資訊計算內縮區塊，自動化調整圖形內層疊暈形狀。本論文以《營造法式》彩畫塗裝為個案研究，並實作其疊暈規則。最終使用D3.js動態圖形顯示資料庫作為二維圖形資料呈現框架，針對從三維模型獲取的資訊進行繪圖參數調整與即時渲染。
