一、导语

提供了文档预览功能，通过文章的介绍，详细描述了使用 “文档转换 + JS 前端渲染引擎” 实现文档预览的过程，本文将介绍预览功能中的 图片水印（wmType=2 和 wmValue=url 参数） 技巧。

二、技术背景

通过 提供如下的预览 URL：

https://preview.imm.aliyun.com/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=2 & wmValue=url 参数，在预览时显示图片水印，此时预览 URL 为：

https://preview.imm.aliyun.com/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地址

此时，效果如下图所示（注意，在原有文字背景显示了图片水印）：

四、使用场景

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

五、参考文档