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转换器

您的项目需求