添加图片水印
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
- 将图片文件添加到资源文件中
tsx
android/app/src/main/res/drawable/ic_logo.png
- 使用不带扩展名的文件名在代码中引用它们:
tsx
image: 'ic_logo'
iOS
- 将图片文件通过Xcode导入到项目中

- 使用不带扩展名的文件名在代码中引用它们:
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,
});