Skip to content

覆盖对比

覆盖对比是将两个文件叠加在一起,并通过不同的颜色显示差异。叠加部分显示混合颜色。您可以设置两个文件的颜色、透明度以及混合模式。

以下是支持的混合模式:普通、正片叠底、滤色、叠加、变暗、变亮、颜色减淡、颜色加深、强光、柔光、差值、排除、色相、饱和度、颜色、明度。

javascript
// 获取对比文件的文件流。
const documentA = await fetch('https://example.com/documentA.pdf');
const documentABlob = await documentA.blob();
const documentAFile = new File([documentABlob], 'documentA.pdf');
const documentB = await fetch('https://example.com/documentB.pdf');
const documentBBlob = await documentB.blob();
const documentBFile = new File([documentBBlob], 'documentB.pdf');

const data = {
  leftFile: documentAFile, // 旧文档。
  rightFile: documentBFile, // 新文档。
  type: 2, // 文档对比的类型。2:覆盖对比。
  inTransparency: '50', // 旧文件的不透明度。
  newTransparency: '50', // 新文件的不透明度。
  coverType: '0', // 混合模式。
  inColor: '#FBBDBF', // 旧文件的颜色。
  newColor: '#93B9FD' // 新文件的颜色。
};

// 获取包含比较结果的文档blob对象的数组。
const res = await docViewer.compare(data);