在PDFTron中一次绘制多个注释

Question

我正在尝试在PDFTron上添加指导网格，以便用户可以轻松添加注释。稍后，如果用户正在移动注释，并且它靠近网格线，那么它应该被提取到该网格线。作为第一部分，我试图绘制一个指导网格。

以下是我迄今为止添加的代码：

WebViewer({
licenseKey: '',
path: './public/webviewer',
css: './css/pdftron-custom.css'
}, document.getElementById('pdfEditor') as HTMLElement).then(async(instance: WebViewerInstance) => {
webViewerInstance = instance;
webViewerInstance.docViewer.on('documentLoaded', async() => {
await this.loadAnnotations();
const pagesCount = docViewer.getPageCount();
let pageLoop;
let pageWidthCount;
const pageNumber = docViewer.getCurrentPage();
const pageWidth = docViewer.getPageWidth(pageNumber);
const pageHeight = docViewer.getPageHeight(pageNumber);
const instanceAnnotations = webViewerInstance.Annotations;
for (pageLoop = 1; pageLoop <= pagesCount; pageLoop++) {
for (pageWidthCount = 20; pageWidthCount < pageWidth;) {
const lineAnnot = new instanceAnnotations.LineAnnotation();
lineAnnot.PageNumber = pageLoop;
lineAnnot.setStartPoint(pageWidthCount, 0);
lineAnnot.setEndPoint(pageWidthCount, pageHeight);
lineAnnot.StrokeColor = new instanceAnnotations.Color(144, 144, 144, 1);
lineAnnot.StrokeThickness = 1;
lineAnnot.ReadOnly = true;
lineAnnot.Printable = false;
lineAnnot.Listable = false;
lineAnnot.Author = annotManager.getCurrentUser();
annotManager.addAnnotation(lineAnnot, false);
annotManager.redrawAnnotation(lineAnnot);
pageWidthCount = pageWidthCount + 20;
}
}
});
});

正如您所看到的，我正在添加注释，并试图在循环中绘制该注释，所以这会导致性能问题。所以我的问题是：
有没有一种方法可以在循环中添加注释，然后刷新文档，这样可以提高页面速度(或者如果你有其他方法的话(
次要问题：如何添加虚线
旁注-用户将无法对以上行注释执行任何操作。它是只读的。

Answer 1

您可以收集数组的注释，然后调用

const allAnnotations = [];
///... for loop here to collect all the annotations
annotManager.addAnnotations(allAnnotations);
annotManager.drawAnnotationsFromList(allAnnotations);