如何分别自定义文本类型注释（打字机/文本框/注释框）的默认样式属性

福昕PDF SDK 软件开发工具包 > 福昕PDF SDK(Web)

标签:
freetext注释,intent属性,打字机,文本框,注释,注释框,缺省,自定义注释,默认样式

如何分别自定义文本类型注释（打字机/文本框/注释框）的默认样式属性

福昕知识库
2025-07-07

自定义注释的默认属性配置可参考开发包内置示例：examples\UIExtension\default_annot_config\index.html

通过freetext注释的intent属性可区分打字机、文本框和注释框，并分别设置默认样式。关键配置示例如下：

var PDFUI = UIExtension.PDFUI;
var Events = UIExtension.PDFViewCtrl.Events;
var pdfui = new PDFUI({
    viewerOptions: {
        libPath: '../../../lib',
        jr: {
            readyWorker: readyWorker
        },
        //The global annotation properties can be set by using the constructor option.
        defaultAnnotConfig: function(type, intent) {
            let config = {};
            switch (type) {
                case "highlight":
                    config.color = 0xff123456;
                    config.opacity = 0.05; //不透明度
                    break;
                case "square":
                    config.color = 0xffffff00;
                    config.fillColor = 0xffA236B2;
                    config.borderInfo = {
                        style: 6,
                    }
                    break;
                case "freetext":
                    if(intent=="FreeTextTypewriter")  //打字机
                    { 
                        config.defaultAppearance = {
                            textColor:0xffA236B2,//可以传16进制的颜色值
                            // textColor:17462,//也可以传十进制的颜色值
                            textSize:15//字号
                        }
                    }
                    else if(intent=="FreeTextCallout")  //注释框
                    { 
                        config.calloutLineEndingStyle=2;
                        config.defaultAppearance = {
                            textColor:0xffff0000,//可以传16进制的颜色值
                            // textColor:17462,//也可以传十进制的颜色值
                            textSize:20//字号
                        }
                    }else{ //文本框
                        config.defaultAppearance = {  //文本框的文本颜色和字号
                            textColor:0xffEE9720,//可以传16进制的颜色值
                            // textColor:17462,//也可以传十进制的颜色值
                            textSize:25//字号
                        };
                        config.fillColor = 4279560723; //文本框的填充色
                        config.color = 5055986; //边框颜色
                        config.borderInfo = {
                            width: 5,
                            style: 1,  // 0 - 实线 ， 1 - 虚线 ，6 - 无边框。只有为虚线时dashPhase和dashes才生效
                            dashPhase:0,
                            dashes:[3,3,3,3]
                        }
                    }
                    
                    break;
                default:
                    config.color = 0xff002300;
                    break;
            }
            return config;
        }
    },
    renderTo: '#pdf-ui',
    appearance: UIExtension.appearances.adaptive,
    fragments: [],
    addons: UIExtension.PDFViewCtrl.DeviceInfo.isMobile ?
        '../../../lib/uix-addons/allInOne.mobile.js' : '../../../lib/uix-addons/allInOne.js'
});

多份PDF文档批量打印不同份数？福昕来帮你！

在线批注PDF后，如何将不带注释数据的文件流回传服务器？

在福昕高级PDF编辑器中如设置常用图章

在福昕高级PDF编辑器中如何将鼠标滚轮为缩放操作

粘贴图像到PDF文件

取消增强细线选项解决字体毛刺现象

多份PDF文档批量打印不同份数？福昕来帮你！

在线批注PDF后，如何将不带注释数据的文件流回传服务器？

在福昕高级PDF编辑器中如设置常用图章

在福昕高级PDF编辑器中如何将鼠标滚轮为缩放操作

粘贴图像到PDF文件

取消增强细线选项解决字体毛刺现象

32位电脑安装64位安装包报错提示

如何设置启动软件启动时开启上一次会话

选择文本或图像时不显示浮动工具条该如何处理

如何通过裁剪页功能调整页面留白

多份PDF文档批量打印不同份数？福昕来帮你！

在线批注PDF后，如何将不带注释数据的文件流回传服务器？

在福昕高级PDF编辑器中如设置常用图章

在福昕高级PDF编辑器中如何将鼠标滚轮为缩放操作

粘贴图像到PDF文件

取消增强细线选项解决字体毛刺现象

32位电脑安装64位安装包报错提示

如何设置启动软件启动时开启上一次会话

选择文本或图像时不显示浮动工具条该如何处理

如何通过裁剪页功能调整页面留白