Skip to content

显示和隐藏PDF图层

使用 getLayers 函数检索与文档关联的 OCG 层。然后,您可以选择性地隐藏图层。

在下面的示例中,getLayers 函数返回一个包含图层的数组。要隐藏图层,可以调用 setLayers 函数,传入一个包含图层的 ocg 属性、 node 属性和 visible 属性的对象。如果需要批量修改图层,可以传入一个由多个对象组成的数组。调用完成后,页面将重新绘制。

javascript
// 获取图层。
const layers = await docViewer.getLayers();

// 隐藏第一个和第二个图层。
docViewer.setLayers([{
  node: layers[0].node,
  ocg: layers[0].ocg,
  visible: 0
}, {
  node: layers[1].node,
  ocg: layers[1].ocg,
  visible: 0
}]);

// 显示第一个图层。
docViewer.setLayers({
  node: layers[0].node,
  ocg: layers[0].ocg,
  visible: 1
});