本页内容
覆盖对比
覆盖对比是将两个文件叠加在一起,并通过不同的颜色显示差异。叠加部分显示混合颜色。您可以设置两个文件的颜色、透明度以及混合模式。
以下是支持的混合模式:普通、正片叠底、滤色、叠加、变暗、变亮、颜色减淡、颜色加深、强光、柔光、差值、排除、色相、饱和度、颜色、明度。
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);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21