Dxf compare helper with two viewports.
<div id="app"> <div id="myCanvas1" style="width: 50%; height: 100%; display: inline-block;"></div> <div id="myCanvas2" style="width: 50%; height: 100%; display: inline-block; padding-left: 1px;"></div></div>
const viewerCfg1 = { containerId: "myCanvas1" };const viewerCfg2 = { containerId: "myCanvas2" };const modelCfg1 = { modelId: "id_1", src: "http://www.abc.com/sample1.dxf" };const modelCfg2 = { modelId: "id_2", src: "http://www.abc.com/sample2.dxf" };const fontFiles = ["http://www.abc.com/hztxt.shx", "http://www.abc.com/simplex.shx"];const compareHelper = new DxfCompareHelper(viewerCfg1, viewerCfg2);await compareHelper.setFont(fontFiles);await compareHelper.compare(modelCfg1, modelCfg2);compareHelper.enableSyncCamera(true);
DxfViewer of DxfCompareHelper.
The second DxfViewer of DxfCompareHelper.
Compares two dxf files. Note that:
The first dxf to be compared
The second dxf to be compared
loading progress
{en} Enables to synchronize camera position when another camera is moved.
{zh} 设置开启或关闭同步相机视角。
compareHelper.enableSyncCamera(true);
{en} Gets compare changes.
{zh} 获取对比变动.
const changes = compareHelper.getChanges();console.log(changes);
{en} Sets font. This needs to be called before loading a dxf, it won't affect any loaded text. It accepts shx or typeface formats. For typeface, it only support passing in 1 font file in the array for now.
{zh} 设置字体。 需要在加载dxf之前调用,不会影响已加载的文字。 支持shx或typeface格式。对于typeface,目前只支持传入1个字体文件。
compareHelper.setFont(["https://example.com/xxx.shx"]);
{en} Zooms to a compare change.
{zh} 聚焦到图纸的一处变动。
const changeId = 1;compareHelper.zoomToChange(changeId);
Generated using TypeDoc
Dxf compare helper with two viewports.