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

福昕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'
});

Web SDK UIExtension 右键菜单深度定制指南（基于jQuery-contextMenu）

在websdk实现放置签名

Web SDK UIExtension 右键菜单深度定制指南（基于jQuery-contextMenu）

在websdk实现放置签名

解决旧版本fsdk_SDK.dll编译程序替换高版本dll报错问题

如何正确释放PDF处理对象以优化内存使用

如何总是用文件名作为文档标题

如何设置新建空白页面的尺寸以及横纵置

通过电子签章服务制作图片章时被驳回

如何设置打印页码和文档缩略图显示页码一致

如何对多个文档快速添加密文

福昕PDF编辑器标准版产品如何去除扫描件水印

Web SDK UIExtension 右键菜单深度定制指南（基于jQuery-contextMenu）

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

在websdk实现放置签名

解决旧版本fsdk_SDK.dll编译程序替换高版本dll报错问题

如何正确释放PDF处理对象以优化内存使用

如何总是用文件名作为文档标题

如何设置新建空白页面的尺寸以及横纵置

通过电子签章服务制作图片章时被驳回

如何设置打印页码和文档缩略图显示页码一致

如何对多个文档快速添加密文