1.下载组件 npm i sgcadui

2.注册组件 main.js
import {CadUI} from 'sgcadui' app.use(CadUI)

3.组件使用 //传入数据方法setPointListFn cad.value.setPointListFn(pLIst) // pLIst [{type:'ployline',points:[]}] 1.tyep:'round' => {tyep:'round',points[{x,y}],r:半径} 2.type：'elliptic' =>{tyep:'elliptic',points[{x,y}],radiusX:长半径,radiusY:短半径,startAngle:和水平方向夹角} 3.type:'circularArc' =>{type:'circularArc',points[{x,y}],startAngle:其实角度,endAngle:终点角度} //导出方法 cad.value.exportpointList() //清除画布 cad.value.cleanCanvas() //获取dom cad.value.exportDom() let {canvasDom,dom}=cad.value.exportDom() ctx=canvasDom.ctx

4.图元对象 import { SraightLine,//直线 Polyline,//多段线 Round,//圆 Bspline,//样条曲线 Elliptic,//椭圆 CircularArc,//椭圆弧 CloudLine,//云线 } from 'sgcadui'

直接使用图元对象画图 // let sl=new SraightLine() 直线 // sl.p1={x:500,y:300} 起点 // sl.p2={x:600,y:100} 终点

// let sl=new Round()  圆
// sl.p1={x:500,y:300}  圆心
// sl.r=100  半径

// let obj=cad.value.exportDom()
// sl.draw(obj.canvasDom.ctx) 不导出数据值展示

//obj.canvasDom.graphicalObjList.push(sl)
//obj.canvasDom.drawGraphical()  展示且可导出数据