创建、移动、删除文本和图像

ComPDFKit 提供了完整丰富的创建、移动、删除文本和图像的方法。

你可以像在 Microsoft Word 中一样，使用鼠标和键盘操作WebViewer上的文本区域，进行文本的添加、复制、粘贴、剪切和删除等。

const contentEditManager = documentViewer.getContentEditManager();

// 插入文本。
await contentEditManager.addParagraph(1, [240, 32, 300, 48], '', {
  fontName: 'Helvetica',
  fontSize: 14,
  color: [0, 0, 0],
  bold: false,
  italic: false,
  textAlign: 'left'
});

// 插入图像。
const imageBase64 = '...'; // Base64 格式的图像数据。
const image = new Image();
image.src = imageBase64;
await image.decode();
const canvas = document.createElement('canvas');
canvas.width = image.naturalWidth;
canvas.height = image.naturalHeight;
const context = canvas.getContext('2d');
context.drawImage(image, 0, 0);
const { data } = context.getImageData(0, 0, canvas.width, canvas.height);
await contentEditManager.addImage(1, [268, 100, 308, 138], {
  width: canvas.width,
  height: canvas.height,
  pixels: data.buffer
});