美文网首页
Confluence页面添加水印方法

Confluence页面添加水印方法

作者: 87d6dc4b11a7 | 来源:发表于2022-04-06 18:39 被阅读0次

如何给Confluence页面添加水印呢?
1、进入站点管理—外观—版式—内容版式—页面版式—自定义

2、找到下面一段代码

<div id="main-content" class="wiki-content">
           $body
</div>

3、在下面增加如下的代码

<script>
    (function waterMark() {
        var canvas = document.createElement('canvas');
        var body = document.getElementById('main-content');
        
        body.appendChild(canvas);
        
        canvas.width = 280;
        canvas.height = 280;
        var context = canvas.getContext('2d');
        context.rotate(-20*Math.PI/180);
        context.fillStyle = "rgba(17,17,17,0.20)";
        context.font = "16px Arial";
        context.textAlign = "left";
        context.textBaseline = 'middle';

        var date = new Date();
        var text = "$!action.remoteUser.fullName" + " " + date.toLocaleString();
        context.fillText(text, canvas.width/3-40, canvas.height/2-40, 200);
        context.fillText("版权所有", canvas.width/3-40, canvas.height/2, 200);
        body.style.backgroundImage = "url("+canvas.toDataURL("image/png")+")";
    })();
</script>

4、添加后,点击保存,刷新页面生效。

相关文章

  • Confluence页面添加水印方法

    如何给Confluence页面添加水印呢?1、进入站点管理—外观—版式—内容版式—页面版式—自定义 2、找到下面一...

  • 2020-06-29

    各种页面中添加水印,vue添加水印 /* 添加水印函数addWaterMarker str:水印显示的文本内容 *...

  • android 添加水印 全部页面添加水印 h5 原生

    android 添加水印 全部页面添加水印 h5 原生 https://blog.csdn.net/fantasy...

  • Mac Word添加水印图片后去除页眉横线

    mac上Word添加图片水印后会自动添加页眉页脚,去除方法如下 1.布局-水印,添加图片水印 2.自动添加页眉页脚...

  • FFMpeg常用指令

    水印篇 1、添加水印ffmpeg官方提供了另外一种添加图片水印的方法在视频右下角的添加图片水印 在视频左下角添加图...

  • PDF转换器之怎样给PDF文件添加水印?

    PDF添加水印的方法:PDF添加水印的方法有哪些?大家都知道想要给PDF文件添加水印不是一件简单的事情,没有找到好...

  • confluence的百度统计功能

    目的 统计confluence的页面访问情况 实现方法 工具:百度统计的代码来实现前提条件:confluence服...

  • 为html添加水印背景

    前言 看公司的app各个页面都有水印背景,感觉还不错,于是看了一下添加水印的方法,特记录一下,大家有需要的可以拿去...

  • Android给图片加文字和图片水印

    先看效果图,左侧是原图,中间是添加文字水印,右侧是添加图片水印。 实现方法: 1、载入原始图片2、载入水印图片3、...

  • Vue单页面实现水印功能

    在mian.js添加水印全局函数方法 //水印 Vue.prototype.$watermark =functi...

网友评论

      本文标题:Confluence页面添加水印方法

      本文链接:https://www.haomeiwen.com/subject/lfhajrtx.html