Html5方式打開三維CAD圖紙，二維CAD圖轉三維

Html5方式打開三維CAD圖紙，二維CAD圖轉三維CAD的詳細教程

、前言

網頁CAD中經常有這樣的需求：將二維的CAD圖紙通過轉換為三維的形狀（如將平面二維的圖形向上拉伸一定的高度），進而進行三維展示的效果，本文以將平面二維的圖形向上拉伸一定的高度為例，實現二維CAD圖形轉三維圖形。

二、mxcad和mxcad3d

mxcad是一個功能豐富、簡易高效的二維CAD開發框架，它提供豐富的二次開發接口，支持在網頁中渲染、讀寫多種CAD圖紙格式，如dwg、dxf等格式文件。

mxcad3d是一個三維CAD開發框架，為開發者提供了豐富的參數化建模的開發接口，用戶可以在網頁中高效、便捷的對基本三維模型進行創建并顯示。

三、基本流程

1. 通過mxcad打開并讀取CAD圖紙中的圖元數據。

2. 通過mxcad3d將上一步讀取到的CAD圖紙中的圖元數據作為三維模型的建模數據進行建模。

四、安裝mxcad框架、編寫測試代碼

mxcad和mxcad3d都位于一個名叫mxcad的npm包中，本教程將創建的Test2dTo3d 完整項目文件，可以在這里下載：

https://gitee.com/mxcadx/mxcad_docs/blob/master/examples3D/Test2dTo3d.7z

4.1新建項目、安裝mxcad

首先，在某路徑下新建一個文件夾Test2dTo3d作為項目文件夾，在Test2dTo3d 目錄中打開cmd命令行程序運行以下命令來初始化項目并安裝 vite和 mxcad，如下圖：

npm init -y
npm install vite -D
npm install mxcad@latest

4.2 給項目新建文件、添加一些測試資源文件

使用VS Code打開項目根目錄Test2dTo3d：

– 在根目錄Test2dTo3d下新建src目錄、index.html文件和vite.config.ts文件。
– 在src目錄下新建assets目錄和index.ts文件。
– 在assets目錄下放上本次教程所使用到的圖片和圖紙資源文件

如下圖:

4.3向新建的文件中添加代碼

index.html中的代碼

這是頁面的結構，需要我們提前準備兩個canvas用于分別顯示二維和三維場景，添加了一個按鈕用于執行我們的二維圖紙轉三維模型的程序，最后需要引入我們的測試代碼"./src/index.ts",如下圖：

代碼如下：

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vite use mxcad</title>
</head>
<body>
    <div style="height: 700px;"> <canvas id="myCanvas3d"></canvas></div>
    <hr />
    <div style="height: 500px;"> <canvas id="myCanvas2d"></canvas></div>
    <hr />
    <button>轉換</button>
    <script type="module" src="./src/index.ts"></script>
</body>
</html>

4.4 vite.config.ts中的代碼

這是二維mxcad要求的配置多線程的一個配置文件，我們這里最好進行配置，如下圖：

代碼如下：

import { defineConfig } from "vite"
export default defineConfig({
    server: {
        headers: {
          "Cross-Origin-Opener-Policy": "same-origin",
          "Cross-Origin-Embedder-Policy": "require-corp",
        }
    }
})

4.5 index.ts中的代碼

這里我們創建了二維的mxcad2d對象和三維的mxcad3d對象，通過mxcad2d來讀取二維圖紙的信息，然后mxcad3d通過這些圖紙信息生成三維模型。并且，將頁面中的轉換按扭的點擊事件綁定到執行轉換的函數，這樣我們在頁面中點擊轉換按扭后就能將二維圖紙轉換為三維模型了。

代碼中用到了用到的類型和對象等的API，可以訪問mxcad的官方API文檔：二維，三維

本教程的演示效果也可以在官方的[在線測試DEMO](https://demo.mxdraw3d.com:3000/mxcad3d/)中找到此在線DEMO實現的代碼也可以從官方提供的開發包來獲取，如下圖：

代碼如下：

import
{
  // 3D
  MxCAD3DObject,
  Mx3dShapeWire,
  Mx3dGeColor,
  Mx3dSymbolText,
  Mx3dShapeEdge,
  Mx3dGePoint,
  Mx3dGeomCircle,
  Mx3dShapeDownCast,
  Mx3dWireTool,
  MdGe,
  Mx3dGeCSYSR,
  Mx3dGeDir,
  Mx3dUtils,
  Mx3dMkFace,
  Mx3dMkPrism,
  Mx3dGeVec,
  Mx3dAlgoFillet,
  Mx3dShapeObject,
  // 2D
  McObject,
  McDb,
  McDbArc,
  McDbLine,
  McDbPolyline,
  McDbText,
  McGePoint3d,
  MxCADSelectionSet
} from "mxcad"
// 3D
// 創建三維mxcad3d對象
const mxcad3d=new MxCAD3DObject()
// 初始化三維mxcad3d對象
mxcad3d.create({
    // canvas元素的css選擇器字符串（示例中是id選擇器），或canvas元素對象
    canvas: "#myCanvas3d",
    // 獲取加載wasm相關文件(wasm/js/worker.js)路徑位置
    locateFile: (fileName)=> new URL(`/node_modules/mxcad/dist/wasm/3d/${fileName}`, import.meta.url).href,
})
// 三維mxcad3d對象初始化完成事件
mxcad3d.on("init", ()=>{
    console.log("三維初始化完成");
});
// 2D
// 創建二維mxcad2d對象
const mxcad2d=new McObject()
mxcad2d.create({
    // canvas元素的css選擇器字符串（示例中是id選擇器），或canvas元素對象
    canvas: "#myCanvas2d",
    // 獲取加載wasm相關文件(wasm/js/worker.js)路徑位置
    locateFile: (fileName)=> new URL(`/node_modules/mxcad/dist/wasm/2d/${fileName}`, import.meta.url).href,
    // 需要初始化打開的文件url路徑，（mxweb是dwg文件轉換后能夠在網頁進行讀寫的文件格式，編輯完畢后也可以保存回dwg格式）
    fileUrl: new URL("../src/assets/map.dwg.mxweb", import.meta.url).href,
    // 提供加載字體的目錄路徑
    fontspath: new URL("node_modules/mxcad/dist/fonts", import.meta.url).href,
})
// 二維mxcad2d對象初始化完成事件
mxcad2d.on("init", ()=> {
  console.log("二維初始化完成");
});
// 二維mxcad2d對象打開文件完成事件
mxcad2d.on("openFileComplete", ()=> {
  console.log("二維圖紙打開完成");
});
// 用于將三維形狀添加到三維文檔中
function addShapeToDoc(theShape: Mx3dShapeObject, color=new Mx3dGeColor(MdGe.MxNameOfColor.Color_NOC_WHITE), texture=""){
  const doc=mxcad3d.getDocument();
  const label=doc.addShapeLabel();
  label.setName("Mx3dShape");
  label.setShape(theShape);
  label.setColor(color);
  if (texture) {
    label.setTexture(texture);
  }
  mxcad3d.fitAllObjects(true);
}
// 獲取二維圓弧的起點、中點、終點
function get2DArc3Points(arc: McDbArc): {starPt: McGePoint3d, midPt: McGePoint3d, endPt: McGePoint3d}{
  const retPtStart=arc.getStartPoint();
  const retPtEnd=arc.getEndPoint();
  const starPt=retPtStart.val;
  const endPt=retPtEnd.val;
  const endParamRet=arc.getEndParam();
  const startParamRet=arc.getStartParam();
  const midParam=startParamRet.val + (endParamRet.val - startParamRet.val) / 2;
  const midPtRet=arc.getPointAtParam(midParam);
  const midPt=midPtRet.val;
  return {starPt, midPt, endPt}
}
// 用于保存地基基礎信息的數據結構
type BaseData={ wires: Mx3dShapeWire[], outerWireIndex: number };
// 用于保存建筑物、公共設施等信息的數據結構
type MetaData={ wire: Mx3dShapeWire, color: Mx3dGeColor }[];
// 用于保存文字信息的數據結構
type TextData=Mx3dSymbolText[];
// 用于保存圖中所有圖元信息的數據結構
type MapData={
  base: BaseData,
  building: MetaData,
  atm: MetaData,
  elevator: MetaData,
  icon: MetaData,
  exit: MetaData,
  wc: MetaData,
  text: TextData
}
// 獲取圖中所有數據
function getMapData(ss: MxCADSelectionSet): MapData {
  // baseData
  const base: BaseData={ wires: [], outerWireIndex: 0 };
  // buildingData
  const building: MetaData=[];
  // atmData
  const atm: MetaData=[];
  // elevatorData
  const elevator: MetaData=[];
  // iconData
  const icon: MetaData=[];
  // exitData
  const exit: MetaData=[];
  // wcData
  const wc: MetaData=[];
  // textData
  const text: TextData=[];
  ss.forEach((id)=> {
    const ent: any=id.getMcDbEntity();
    if (ent instanceof McDbPolyline) {
      const pl=ent as McDbPolyline;
      const resBuffer=pl.explode();
      const edges: Mx3dShapeEdge[]=[];
      for(let i=0; i < resBuffer.GetCount(); i++){
        const resObj=resBuffer.AtObject(i);
        if (resObj.ret) {
          const subEnt=resObj.val;
          // 判斷類型
          if (subEnt instanceof McDbLine) {
            const line=subEnt as McDbLine;
            const ptStart=line.startPoint;
            const ptEnd=line.endPoint;
            const ptStart3d=new Mx3dGePoint(ptStart.x, ptStart.y, 0);
            const ptEnd3d=new Mx3dGePoint(ptEnd.x, ptEnd.y, 0);
            // 通過二維直線段的數據構造三維直線段
            const edge=new Mx3dShapeEdge(ptStart3d, ptEnd3d);
            edges.push(edge);
          }else if (subEnt instanceof McDbArc) {
            const arc=subEnt as McDbArc;
            const arcPts=get2DArc3Points(arc);
            const starPt=arcPts.starPt;
            const endPt=arcPts.endPt;
            const midPt=arcPts.midPt;
            const starPt3d=new Mx3dGePoint(starPt.x, starPt.y, 0);
            const midPt3d=new Mx3dGePoint(midPt.x, midPt.y, 0);
            const endPt3d=new Mx3dGePoint(endPt.x, endPt.y, 0);
            // 通過二維圓弧的數據構造三維圓弧
            const edge=Mx3dGeomCircle.MakeArcOfCircle(starPt3d, midPt3d, endPt3d);
            edges.push(edge);
          }
        }
      }
      // 二維多段線轉換為了三維的Wire
      const wire=Mx3dShapeDownCast.Wire(Mx3dWireTool.ConnectEdgesToWires(edges, 1e-6, false)[0]);
      const trueColor=ent.trueColor;
      // 通過二維的顏色數據構造三維顏色
      const color=new Mx3dGeColor(trueColor.red / 255., trueColor.green / 255., trueColor.blue / 255., MdGe.MxTypeOfColor.Color_TOC_sRGB);
      // 根據二維圖紙中的圖層，判斷各個Wire屬于哪個部分，并添加至相應的數據結構中
      if (ent.layer==="10" || ent.layer==="20" || ent.layer==="30")
      {
        if (ent.layer==="10") {
          base.outerWireIndex=base.wires.length;
        }
        base.wires.push(wire);
      }
      else if (ent.layer==="0")
      {
        building.push({ wire, color });
      }
      else if (ent.layer==="atm")
      {
        atm.push({ wire, color });
      }
      else if (ent.layer==="elevator")
      {
        elevator.push({ wire, color });
      }
      else if (ent.layer==="icon")
      {
        icon.push({ wire, color });
      }
      else if (ent.layer==="exit")
      {
        exit.push({ wire, color });
      }
      else if (ent.layer==="wc")
      {
        wc.push({ wire, color });
      }
    }
    else if (ent instanceof McDbText)
    {
      const mcdbTxt=ent as McDbText;
      const content=mcdbTxt.textString;
      const height=mcdbTxt.height * 5;
      const vJust=mcdbTxt.verticalMode;
      const hJust=mcdbTxt.horizontalMode;
      const pt=mcdbTxt.position;
      // 通過二維的文字信息構造三維文字
      const symbolText=new Mx3dSymbolText(content, height, new Mx3dGePoint(pt.x, pt.y, pt.z + 5));
      // 匹配文字的垂直對齊方式
      let vJust3d;
      switch (vJust) {
        case McDb.TextVertMode.kTextBase:
          vJust3d=MdGe.MxVerticalTextAlignment.CVTA_TOPFIRSTLINE;
          break;
        case McDb.TextVertMode.kTextBottom:
          vJust3d=MdGe.MxVerticalTextAlignment.CVTA_BOTTOM;
          break;
        case McDb.TextVertMode.kTextVertMid:
          vJust3d=MdGe.MxVerticalTextAlignment.CVTA_CENTER;
          break;
        case McDb.TextVertMode.kTextTop:
          vJust3d=MdGe.MxVerticalTextAlignment.CVTA_TOP;
          break;
      }
      // 匹配文字的水平對齊方式
      let hJust3d;
      switch (hJust) {
        case McDb.TextHorzMode.kTextAlign:
          hJust3d=MdGe.MxHorizontalTextAlignment.HTA_LEFT;
          break;
        case McDb.TextHorzMode.kTextCenter:
          hJust3d=MdGe.MxHorizontalTextAlignment.HTA_CENTER;
          break;
        case McDb.TextHorzMode.kTextFit:
          hJust3d=MdGe.MxHorizontalTextAlignment.HTA_LEFT;
          break;
        case McDb.TextHorzMode.kTextLeft:
          hJust3d=MdGe.MxHorizontalTextAlignment.HTA_LEFT;
          break;
        case McDb.TextHorzMode.kTextMid:
          hJust3d=MdGe.MxHorizontalTextAlignment.HTA_CENTER;
          break;
        case McDb.TextHorzMode.kTextRight:
          hJust3d=MdGe.MxHorizontalTextAlignment.HTA_RIGHT;
          break;
      }
      symbolText.SetVJustification(vJust3d);
      symbolText.SetHJustification(hJust3d);
      symbolText.SetFontAspect(MdGe.MxFontAspect.FA_BoldItalic);
      symbolText.SetOrientation3D(new Mx3dGeCSYSR(symbolText.Position(), new Mx3dGeDir(0, 0, 1)));
      symbolText.SetZoomable(true);
      text.push(symbolText);
    }
  });
  // 返回所有的數據
  return { base, building, atm, elevator, icon, exit, wc, text };
}
// 讀取二維圖紙中所有圖元的數據，處理為三維數據后，進行高度的拉伸，并貼圖等
async function create3DFrom2D(){
  // 加載貼圖資源
  const cloth_pic=await Mx3dUtils.LoadFileFromUrl(new URL("./assets/1.jpg", import.meta.url).href, "1.jpg");
  const digital_products_pic=await Mx3dUtils.LoadFileFromUrl(new URL("./assets/2.jpg", import.meta.url).href, "2.jpg");
  const food_pic=await Mx3dUtils.LoadFileFromUrl(new URL("./assets/3.jpg", import.meta.url).href, "3.jpg");
  const atm_pic=await Mx3dUtils.LoadFileFromUrl(new URL("./assets/atm.jpg", import.meta.url).href, "atm.jpg");
  const elevator_pic=await Mx3dUtils.LoadFileFromUrl(new URL("./assets/elevator.jpg", import.meta.url).href, "elevator.jpg");
  const exit_pic=await Mx3dUtils.LoadFileFromUrl(new URL("./assets/exit.jpg", import.meta.url).href, "exit.jpg");
  const wc_pic=await Mx3dUtils.LoadFileFromUrl(new URL("./assets/wc.jpg", import.meta.url).href, "wc.jpg");
  // 創建當前二維mxcad2d對象的選擇集
  const ss=new MxCADSelectionSet();
  // 全選當前二維mxcad2d對象中的圖元
  ss.allSelect();
  // 獲取所有圖元信息
  const mapData=getMapData(ss);
  // offset
  const offset=0.1;
  // 拉伸base
  const baseWiresObj=mapData.base;
  const baseWires=baseWiresObj.wires;
  const baseWiresOuterWireIndex=baseWiresObj.outerWireIndex;
  const baseOuterFaceMaker=new Mx3dMkFace(baseWires[baseWiresOuterWireIndex]);
  let baseFace=baseOuterFaceMaker.Face();
  for(let i=0; i < baseWires.length; i++){
    if (i===baseWiresOuterWireIndex) {
      continue;
    }
    baseFace=baseFace.cut(new Mx3dMkFace(baseWires[i]).Face());
  }
  const basePrismMaker=new Mx3dMkPrism(baseFace, new Mx3dGeVec(0, 0, -1));
  const baseShape=basePrismMaker.Shape();
  addShapeToDoc(baseShape);
  // 拉伸Building
  const buildingWires=mapData.building;
  buildingWires.forEach(building=> {
    const buildingFace=new Mx3dMkFace(building.wire).Face();
    const buildingShape=new Mx3dMkPrism(buildingFace, new Mx3dGeVec(0, 0, 4)).Shape();
    addShapeToDoc(buildingShape, building.color);
  });
  // 拉伸atm
  const atmDatas=mapData.atm;
  atmDatas.forEach(atm=> {
    const atmFace=new Mx3dMkFace(atm.wire).Face();
    const atmShape=new Mx3dMkPrism(atmFace, new Mx3dGeVec(0, 0, 4)).Shape();
    atmFace.TranslateByVec(0, 0, 4 + offset);
    addShapeToDoc(atmFace, void 0, atm_pic);
    addShapeToDoc(atmShape, atm.color);
  });
  // 拉伸elevator
  const elevatorDatas=mapData.elevator;
  elevatorDatas.forEach(elevator=> {
    const elevatorFace=new Mx3dMkFace(elevator.wire).Face();
    const elevatorShape=new Mx3dMkPrism(elevatorFace, new Mx3dGeVec(0, 0, 4)).Shape();
    elevatorFace.TranslateByVec(0, 0, 4 + offset);
    addShapeToDoc(elevatorFace, void 0, elevator_pic);
    addShapeToDoc(elevatorShape, elevator.color);
  });
  // 拉伸exit
  const exitDatas=mapData.exit;
  exitDatas.forEach(exit=> {
    const exitFace=new Mx3dMkFace(exit.wire).Face();
    const exitShape=new Mx3dMkPrism(exitFace, new Mx3dGeVec(0, 0, 4)).Shape();
    exitFace.TranslateByVec(0, 0, 4 + offset);
    addShapeToDoc(exitFace, void 0, exit_pic);
    addShapeToDoc(exitShape, exit.color);
  });
  // 拉伸wc
  const wcDatas=mapData.wc;
  wcDatas.forEach(wc=> {
    const wcFace=new Mx3dMkFace(wc.wire).Face();
    const wcShape=new Mx3dMkPrism(wcFace, new Mx3dGeVec(0, 0, 4)).Shape();
    wcFace.TranslateByVec(0, 0, 4 + offset);
    addShapeToDoc(wcFace, void 0, wc_pic);
    addShapeToDoc(wcShape, wc.color);
  });
  // 創建icon
  const iconDatas=mapData.icon;
  iconDatas.forEach(icon=> {
    const iconFace=new Mx3dMkFace(icon.wire).Face();
    iconFace.TranslateByVec(0, 0, 4 + offset);
    if (icon.color.Name()===MdGe.MxNameOfColor.Color_NOC_RED)
    {
      addShapeToDoc(iconFace, void 0, cloth_pic);
    }
    else if (icon.color.Name()===MdGe.MxNameOfColor.Color_NOC_YELLOW)
    {
      addShapeToDoc(iconFace, void 0, digital_products_pic);
    }
    else if (icon.color.Name()===MdGe.MxNameOfColor.Color_NOC_GREEN)
    {
      addShapeToDoc(iconFace, void 0, food_pic);
    }
  });
  // 更新顯示（將三維文檔中的圖形顯示出來）
  mxcad3d.update();
  // 繪制文字
  const texts=mapData.text;
  texts.forEach(text=> {
    mxcad3d.displaySymbolText(text);
  });
}
// 給button添加點擊事件，點擊后調用create3DFrom2D函數，進行2D到3D的轉換
(function addEventToButton(){
  const btn=document.querySelector("button");
  if (btn) {
    btn.addEventListener("click", ()=> {
      create3DFrom2D();
    });
  }
})()

轉換結果，如下圖：

AD技術在建筑設計、軟件開發、科學研究等多個領域有著廣泛應用，CAD圖紙也不僅是設計師們智慧的結晶，更是項目實施過程中不可或缺的指導手冊。然而，當圖紙以PDF格式呈現時，將其轉為CAD格式會更方便后續的編輯、修改和處理。本文分享9種方法，輕松實現pdf到cad的轉換，一起來看~

一、使用PC軟件來進行pdf到cad處理

1、WPS Office

https://www.wps.cn/

一款備受贊譽的辦公軟件，涵蓋文字、表格、演示文稿等多種操作，PDF轉CAD也支持。先在軟件內打開PDF文件，接著選擇“PDF轉換”下的“轉為CAD”。

可選擇繼續添加文件進行批量轉換，輸出范圍、合并方式、輸出目錄和轉換格式均支持按需選擇設置，確定好后點擊“開始轉換”就能得到CAD圖紙文件了。

2、嗨動PDF編輯器

https://www.xunjiepdf.com/haidongpdf

一款全能型的PDF軟件，閱讀、編輯、轉換和處理都支持，操作起來簡單易上手，還配備翻譯、總結、改寫等多種AI操作，全方位滿足需求，助力高效辦公。

PDF轉換有提供免費試用機會，先選擇【PDF轉CAD】添加文件，支持批量操作，可直接勾選單個文件的需轉換頁面，選擇輸出格式和合并方式就能開始轉換了。

3、迅捷CAD轉換器

https://www.xunjiecad.com/download-converter.html

顧名思義，一款專業的CAD轉換軟件，一鍵即可批量完成CAD與PDF、DWG與DXF、CAD高低版本等多種互轉處理，轉換速度很快，并且文件轉換前后能保持原排版。

界面簡潔，布局美觀，打開后找到并點擊【PDF轉CAD】，點擊添加文件（夾）或直接將文件拖拽到指定位置均可進行導入，會直接顯示文件名稱、頁數和大小。

轉換頁碼支持選擇，輸出格式可選DWG或DXF，輸出版本也有內置9種，涵蓋AutoCAD12-14、2000-2022，

轉換完成后還支持圖紙預覽以及批注功能。

轉換全程可在本地進行，不上傳任何數據，有效保障隱私和信息安全。效果對比圖如下，轉換質量很高，并且文件上傳和文件大小無限制，實用性真的強！

4、搜狗輸入法

https://shurufa.sogou.com/

這款是不是沒想到？千萬別小瞧它，自帶的【智能輸入助手】有內置眾多工具可供選擇使用，截屏、智能寫作、圖片轉文字、在線翻譯等通通不在話下。

這里選擇的是“PDF格式轉換器”，接著點擊【PDF轉CAD】，一次可上傳多個文件，轉換頁面范圍和格式也能自主設置，但轉換結果需開通會員才能得到。

二、借助在線Web來進行pdf到cad處理

1、Zamzar

https://www.zamzar.com/

一個備受好評的在線轉換工具，無需注冊登錄，打開就能用。支持文檔、視頻、音頻、圖片、電子書、CAD等多種文件類型，簡單3步就能完成相關操作。

先點擊“Choose Files”導入文件，支持批量添加，接著在“Convert To”下拉列表的“CAD Formats”選擇格式，最后點擊“Convert Now”，完成后下載查看。

2、迅捷PDF轉換器

https://app.xunjiepdf.com/

一款綜合性的在線工具集合站，支持PDF、CAD、圖片、OFFICE、電子書等9大類型的文檔格式相互轉換，翻譯、識別等也能用它，一站式滿足多樣化需求。

打開后找到【文檔轉換】下的【CAD轉換】，接著選擇【PDF轉CAD】進行文件添加，支持批量轉換，自定義選擇要轉換的頁碼和格式后點擊“開始轉換”。

轉換完成后支持下載文件到手機或導出到桌面，也支持一鍵分享。為保障隱私安全，文件會在24小時后自動刪除，也可在“我的文件”中手動刪除。

3、CloudConvert

https://cloudconvert.com/

一個在線轉換工具，支持文檔、電子書、音視頻、圖像等多種格式，PDF轉CAD也涵蓋其中，操作起來也毫無難度，并且支持批量轉換，快速提升效率。

打開后直接點擊頁面的“Select File”添加文件，一次可選多個，接著設置轉換格式，可輸入搜索，“Cad”欄下僅有“DXF”，接著按下“Convert”，完成就能下載。

4、ONLINE-CONVERT

https://www.online-convert.com/

一個包含眾多轉換類型的在線網站，幾乎涵蓋了所有常見的文件格式，并且轉換速度可觀，較短時間就能完成，轉換過程中也不會泄露任何敏感信息。

先點擊“All tools”選擇“CAD converter”，可將多種文件格式轉成DWG和DXF，一次可選擇多個上傳，版本也支持調整，最后點擊“START”，稍作等待就能下載。

5、91AI工具

https://www.91aitool.cn/

一個在線文件處理平臺，涵蓋PDF轉換、CAD轉換、音視頻工具、圖片處理等多種功能，掃碼關注公眾號就能使用，有效解決多種需求，享受便捷服務。

一次可選擇單個文件上傳，支持對輸出版本進行設置，接著點擊“開始轉換”，會高度保留原文檔的布局格式，并且服務端不做穩定存儲，下載后立即刪除。

以上便是今天的全部內容分享了，喜歡的話記得點贊轉發+關注呦~

線轉換確實是比較方便的，為了照顧到不同朋友的需求，下面給大家分享2個不同端口的轉換方法

網頁端

1、PDF在線轉換網站

https://app.xunjiepdf.com/word2

特點：小文件免費轉換

非常受歡迎的一款在線PDF網站，PDF工具非常豐富，包括常規的PDF編輯與轉換功能，無需注冊登錄，即可免費體驗小文件轉換功能，且轉換操作次數不受限制。

工具提供的轉換功能種類繁多，無論是將PDF轉換為Excel、Word、PPT、TXT格式，還是將各類Office文檔相互轉化，均能在此一站完成。此外，平臺還貼心地提供了AI工具和特色功能，如：AI寫作、AI聊天等。

PDF轉Word操作極為簡單，不僅允許4個文件同時批量上傳轉換，還可以根據實際需求，靈活設定轉換模式及目標頁碼范圍，無論是轉換全部頁面，或是精確指定個別頁面進行轉換，都可以實現。

轉換后的文檔圖片清晰，且整體排版非常有序，基本不會改變原文檔的排版順序。

PC端

2、PDF轉換器

一款專業的文檔轉換工具，支持批量轉換，不常見的CAD、HTML等格式也支持。同時，工具內置特色寫作工具，在寫作場景中融入了如A改寫、AI文本改寫等獨特輔助功能。

面對需批量轉換為Word格式的多個PDF文件，只需輕松添加整個文件夾，即可實現一次性批量處理。無需擔心操作復雜，因為軟件界面底部已貼心地為您呈現了清晰明了的三步轉換流程指導，確保轉化過程順暢無阻。

文件轉換速度、OCR識別、排版整齊等，可以按需勾選上。

轉換效果預覽

以上就是今天分享的PDF轉Word方法，Word在操作上更為靈活，相信很多職場人都有這樣的轉換需求，收下它，試試轉換你的PDF文檔吧！

在線咨詢

上一篇：PullTube for Mac(在線視頻下載器)
下一篇：深入理解CSS：探索前端開發的進階技巧

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

Html5方式打開三維CAD圖紙，二維CAD圖轉三維

、前言

二、mxcad和mxcad3d

三、基本流程

四、安裝mxcad框架、編寫測試代碼

4.1新建項目、安裝mxcad

4.2 給項目新建文件、添加一些測試資源文件

4.3向新建的文件中添加代碼

index.html中的代碼

4.4 vite.config.ts中的代碼

4.5 index.ts中的代碼

一、使用PC軟件來進行pdf到cad處理

二、借助在線Web來進行pdf到cad處理

網頁端

1、PDF在線轉換網站

PC端

2、PDF轉換器

您的項目需求