编辑文本和图像属性

ComPDFKit 支持修改文本与图像属性。

编辑文本属性

ComPDFKit 支持修改文本属性，如字体大小、名称、颜色、对齐方式、斜体、粗体、透明度等。下面的代码展示了如何将文本设置为 22px、黑色、Times-Roman 字体、粗体和不透明度 60。

ComPDF for Web 支持 Helvetica、Courier、Times-Roman、和 DroidSansFallbackFull 字体。 DroidSansFallbackFull 字体是一个支持 Chinese、Japanese、Korean 等字体的字体族。

onst contentEditManager = docViewer.getContentEditManager();
const contentEditBoxes = contentEditManager.getContentBoxesList();
const contentEditBox = contentEditBoxes[0];

// 设置文本样式
contentEditBox.color = '#FF0000'
contentEditBox.opacity = 60;
contentEditBox.fontSize = 22;
contentEditBox.fontFamily = 'Times-Roman';
contentEditBox.fontStyle = 'bold';
contentEditBox.lineSpacing = 1.5;
contentEditBox.paragraphSpacing = 10;
contentEditBox.characterSpacing = 2;
contentEditBox.textAlign = 'center';

// 你也可以使用 setTextStyles API 来设置文本样式
contentEditBox.setTextStyles && contentEditBox.setTextStyles({
  color: '#000000',
  opacity: 60,
  fontSize: 22,
  fontFamily: 'Times-Roman',
  fontStyle: 'bold',
  textAlign: 'center', // left | right | center
})

编辑图像属性

ComPDFKit 支持修改图像属性，如旋转、裁剪、镜像和设置透明度。

以下是如何旋转图像并将其设置为半透明的示例代码：

const contentEditManager = docViewer.getContentEditManager();
const contentEditBoxes = contentEditManager.getContentBoxesList();
const contentEditBox = contentEditBoxes[0];

contentEditBox.opacity = 60;

// 旋转图像 90 度，-90 表示逆时针旋转 90 度
contentEditBox.rotateImage(90);
// 水平或垂直翻转图像
contentEditBox.flipImage('horizontal'); // horizontal | vertical
// 使用指定的左、上、右和下值裁剪图像
contentEditBox.cropImage({ left: 0, top: 0, right: 100, bottom: 100 });