自定义FreeText工具

Question

我试图定制自由文本注释的外观。

我需要文本有额外的填充，即应该有额外的空间周围的文本。

我正在使用WebViewer，并在创建FreeTextAnnotation时尝试使用setPadding和setRect函数。这些没有做我想做的事情，setPadding函数设置了选择rect的填充。

然后，我尝试根据以下指南和示例进行自定义注释：

• 自定义注释
• 定制工具
• 自定义注释示例
• 样本中的Ruler样本与库本身一起分发。

我无法正确地完成这个任务，因为我没有太多的文档可以继续，而且这些示例中没有一个可以对它们进行用户可编辑的组件(比如在自由文本注释完成后编辑文本)。

下面是我想要的一个例子：

​

这里有一个我不想要的例子：

​

Answer 1

在我的头顶，我不认为自由图文注解可以有一个填充属性，根据PDF规格。因此，不幸的是，即使我们设法通过自定义的draw函数添加了一个填充，它也将不一致，这意味着当下载的PDF在其他PDF阅读器(如Acrobat )中查看时，填充将丢失。

然而，有一种方法，我们可以做到这一点，并使外观一致，尽管它有点麻烦。我们可以手动将边框和填充颜色设置为相同，并增加边框的值，从而使freetext注释具有可视化填充。例如：

const color = new instance.Annotations.Color(3, 244, 252);
instance.annotManager.setAnnotationStyles(annot, () => ({
  StrokeThickness: 30, // padding
  StrokeColor: color,
  FillColor: color,
}))

​

​