Skip to content

添加图片水印

ComPDFKit ReactNative SDK 支持通过UI交互形式添加图片水印,在 CPDFConfiguration 中配置水印默认样式,例如图片、透明度、旋转角度。

tsx
// 在配置中设置默认图片水印样式
ComPDFKit.getDefaultConfig({
  global: {
    watermark: {
      types: ['text', 'image'],
      image: 'ic_logo',
      opacity: 120,
      rotation: -45      
    }
  }
});

// 通过API打开添加水印弹窗
await pdfReaderRef.current?.showAddWatermarkView({
  types: ['text', 'image'],
  image: 'ic_logo',
  opacity: 120,  
  rotation: -45,
  opacity: 255,
});

要自定义默认的图片,您需要在Android和iOS中以不同的方式实现它们。

Android

  1. 将图片文件添加到资源文件中
tsx
android/app/src/main/res/drawable/ic_logo.png
  1. 使用不带扩展名的文件名在代码中引用它们:
tsx
image: 'ic_logo'

iOS

  1. 将图片文件通过Xcode导入到项目中
guides_rn_3.7.4_1
  1. 使用不带扩展名的文件名在代码中引用它们:
tsx
image: 'ic_logo'

其他方案

您可以将图片复制到设备本地存储,再传入图片的文件路径:

tsx
// 假设 imagePath 是图片的本地文件路径
const imagePath = 'data/user/0/com.compdfkit.reactnative.example/cache/temp/ic_logo.png';

await pdfReaderRef.current?.showAddWatermarkView({
  types: ['text', 'image'], 
  image: imagePath,
  opacity: 120,  
  rotation: -45,
  opacity: 255,
});