文档预览功能使用技巧(4)---图片水印

5天前 167

一、导语

智能媒体管理 提供了文档预览功能,通过 快速搭建 文章的介绍,详细描述了使用 “文档转换 + JS 前端渲染引擎” 实现文档预览的过程,本文将介绍预览功能中的 图片水印(wmType=2 和 wmValue=url 参数) 技巧。

二、技术背景

通过 快速搭建 提供如下的预览 URL:

https://yourid-dev-imm.oss-cn-shanghai.aliyuncs.com/preview/index.html
?url=https://yourid-dev-imm.oss-cn-shanghai.aliyuncs.com/test-data/office/paxos.pptx/output    //无需在output后加'/'
&region=oss-cn-shanghai    //转换数据所在桶的region
&bucket=yourid-dev-imm    //转换数据所在桶

此时,可以在浏览器中预览,如下图所示(注意,预览内容没有水印):

Original

三、使能图片水印

实际上,智能媒体管理 可以通过增加 wmType=2 & wmValue=url 参数,在预览时显示图片水印,此时预览 URL 为:

https://yourid-dev-imm.oss-cn-shanghai.aliyuncs.com/preview/index.html
?url=https://yourid-dev-imm.oss-cn-shanghai.aliyuncs.com/test-data/office/paxos.pptx/output    //无需在output后加'/'
&region=oss-cn-shanghai    //转换数据所在桶的region
&bucket=yourid-dev-imm    //转换数据所在桶
&wmType=1    //水印类型为文字型
&wmValue=https://your-domain.com/wm.jpeg    //水印显示的图片URL地址

此时,效果如下图所示(注意,在原有文字背景显示了图片水印):

WaterMark

四、使用场景

通过控制 图片水印 参数(wmType=2&wmValue=url),您可以控制预览时,在浏览器中显示图片水印内容,从而更好的实现文档的安全管控、以及更炫的美化效果。

五、参考文档

  1. 智能存储产品文档转换/预览功能总结(4)---快速搭建

前端与交互设计 架构 分布式系统与计算 阿里技术协会 浏览器 aliyun url index Office

作者

luoqingchao
TA的文章

相关文章