免费OFD在线阅读器，可以二次开发

oShenLana

已于 2022-08-01 14:30:04 修改

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 前端

于 2022-08-01 12:24:16 首次发布

本文链接：https://blog.youkuaiyun.com/oShenLana/article/details/126098587

本文介绍了友虹科技的SC-Reader OFD阅读器，它支持浏览器直接阅读OFD文件，提供在线版本和SDK，便于业务系统集成。功能包括打印、注释、验签等，并强调了其安全性及可定制性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

随着国家对OFD文件的大力推广，OFD文件应用在电子发票到各种商业文稿中逐渐进入我们的视线。SC-Reader是一款友虹科技推出的免费OFD文件阅读器，SC-Reader使用时不需要安装软件包和任何插件，通过浏览器打开 https://fp.scofd.com 既可在线阅读器OFD。SC-Reader实现了在浏览器（包括国产操作系统自带浏览器）内渲染的功能特点，不需要上传文件到后台，也可以断网使用，保证文档的安全，防止内容泄露。

二次开发

友虹SC-Reader OFD阅读器提供在线独立版本的同时，还面向各种OA、电子证照、电子票据、电子单据等业务系统提供SDK版本。业务系统开发者通过简洁的JavaScript脚本和丰富的API接口，在业务系统内嵌入OFD文档的阅读和管控功能，实现阅读器软件的多元性，为行业应用快速赋能

功能清单

打印
缩略图
大纲
语义树
注释
书签
图层
验签
多文档
多级附件
元数据导出

快捷引用

引用主包

<script src="./SCOFDReader.umd.min.js"></script>

实例化阅读器，指定渲染容器

<div id="ofdview">我是渲染容器</div>

初始化

let containerID="#ofdview";

//创建一个阅读器

let ofd = new SCOFDReader(containerID,'',{options});

//文件在服务器可设置服务端地址，本地阅读无需设置

ofd.setFileServURL("http://ip:port/fs/");

可选配置

 * @param {Object} options 配置项 
  * {
  *    //默认配置项
  *    ratio: 2,               //默认渲染倍率
  *    scale: 1,               //默认缩放比,
  *    rotate: 0,
  *    showTools: true,        //显示顶部工具栏 (全局)
  *    showState: true,        //显示状态栏 (全局)
  *    showOpenFile: false,    //无已打开文档时显示打开文件选项
  *    showContextMenu: true,  //显示右键菜单
  *    showDocListBar: true,   //在无打开文档的情况下也显示文件列表工具条
  *    size: {                 //阅读器工作区大小
  *       width: '100%',
  *       height: '100%'
  *    },
  *    mode:{
  *       view: 1,            //显示模式 {1:单页, 2:双页}
  *       scroll: 2,          //翻页模式 {1:单页, 2:连续}
  *       mouse: 1,           //鼠标样式 {1:默认, 2:抓手}
  *    },
  *    visibleOffset: 50,      //判定显示区域的偏移量(单位px)
  *    hclass: void 0,         //页面高亮层class名称
  * }
  * @return {void}
  */