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

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

如何在WebSDK中设置选中文本后不显示选择提示控件

如何设置Word/Excel/PPT转PDF的默认引擎（微软Office或WPS）？

多个PDF文档搜索同一关键词，并导出数据，如何操作？

如何一次性修改PDF文档中的字体？

如何获取服务器ID以更新福昕管理后台授权？

PDFViewCtrl移动端集成：禁用WebViewer双击注释弹窗的代码实现

如何在WebSDK中设置选中文本后不显示选择提示控件

如何设置Word/Excel/PPT转PDF的默认引擎（微软Office或WPS）？

多个PDF文档搜索同一关键词，并导出数据，如何操作？

如何一次性修改PDF文档中的字体？

如何获取服务器ID以更新福昕管理后台授权？

PDFViewCtrl移动端集成：禁用WebViewer双击注释弹窗的代码实现

安装时提示无法访问 Windows Installer 服务

使用WebSDK在PDF文档中添加Path对象的方法

「WebSDK高效交互」一键进入PDF正文编辑模式的技术实现

福昕PDF打印管理器Pagelist参数格式规范

如何在WebSDK中设置选中文本后不显示选择提示控件

如何设置Word/Excel/PPT转PDF的默认引擎（微软Office或WPS）？

多个PDF文档搜索同一关键词，并导出数据，如何操作？

如何一次性修改PDF文档中的字体？

如何获取服务器ID以更新福昕管理后台授权？

PDFViewCtrl移动端集成：禁用WebViewer双击注释弹窗的代码实现

安装时提示无法访问 Windows Installer 服务

使用WebSDK在PDF文档中添加Path对象的方法

「WebSDK高效交互」一键进入PDF正文编辑模式的技术实现

福昕PDF打印管理器Pagelist参数格式规范