Dynamics 添加水印

最新推荐文章于 2023-12-22 10:55:07 发布
最新推荐文章于 2023-12-22 10:55:07 发布
阅读量303 收藏
点赞数 2
分类专栏： Dynamics365 Html 文章标签： html crm javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lynxkor/article/details/113119025
版权

水印效果如下：

实现方式如下

1、添加 mcs_watermark.js 

/*
页面添加水印
<script src="/WebResources/mcs_common.js"></script>
<script src="/WebResources/mcs_watermark.js"></script>
<script type="text/javascript">
watermark();
//or
//var now = getNow();
//watermark({"watermark_txt":"A B C X Y Z ","watermark_time":now});
</script>
*/

function watermark(settings) {
  //默认设置
  var defaultSettings = {
    watermark_txt: "default",
    watermark_time: "default",
    watermark_x: 20, //水印起始位置x轴坐标
    watermark_y: 20, //水印起始位置Y轴坐标
    watermark_rows: 20, //水印行数
    watermark_cols: 20, //水印列数
    watermark_x_space: 100, //水印x轴间隔
    watermark_y_space: 50, //水印y轴间隔
    watermark_color: "#aaa", //水印字体颜色
    watermark_alpha: 0.4, //水印透明度
    watermark_fontsize: "15px", //水印字体大小
    watermark_font: "微软雅黑", //水印字体
    watermark_width: 410, //水印宽度
    watermark_height: 80, //水印长度
    watermark_angle: 15, //水印倾斜度数
  };
  if (arguments.length === 1 && typeof arguments[0] === "object") {
    var src = arguments[0] || {};
    for (key in src) {
      if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key])
        continue;
      else if (src[key]) defaultSettings[key] = src[key];
    }
  }
  if (defaultSettings.watermark_txt === "default") {
    defaultSettings.watermark_txt = getDefaultWatermark();
  }
  if (defaultSettings.watermark_time === "default") {
    defaultSettings.watermark_time = getNow();
  }
  var oTemp = document.createDocumentFragment();
  //获取页面最大宽度
  var page_width = Math.max(
    document.body.scrollWidth,
    document.body.clientWidth
  );
  var cutWidth = page_width * 0.015;
  var page_width = page_width - cutWidth;
  //获取页面最大高度
  //   var page_height =
  //     Math.max(document.body.scrollHeight, document.body.clientHeight) + 450;
  //   page_height = Math.max(page_height, window.innerHeight - 30);
  var page_height = document.body.clientHeight;
  // page_height = Math.max(page_height, window.innerHeight - 30);
  //如果将水印列数设置为0，或水印列数设置过大，超过页面最大宽度，则重新计算水印列数和水印x轴间隔
  if (
    defaultSettings.watermark_cols == 0 ||
    parseInt(
      defaultSettings.watermark_x +
        defaultSettings.watermark_width * defaultSettings.watermark_cols +
        defaultSettings.watermark_x_space * (defaultSettings.watermark_cols - 1)
    ) > page_width
  ) {
    defaultSettings.watermark_cols = parseInt(
      (page_width -
        defaultSettings.watermark_x +
        defaultSettings.watermark_x_space) /
        (defaultSettings.watermark_width + defaultSettings.watermark_x_space)
    );
    defaultSettings.watermark_x_space = parseInt(
      (page_width -
        defaultSettings.watermark_x -
        defaultSettings.watermark_width * defaultSettings.watermark_cols) /
        (defaultSettings.watermark_cols - 1)
    );
  }
  //如果将水印行数设置为0，或水印行数设置过大，超过页面最大长度，则重新计算水印行数和水印y轴间隔
  if (
    defaultSettings.watermark_rows == 0 ||
    parseInt(
      defaultSettings.watermark_y +
        defaultSettings.watermark_height * defaultSettings.watermark_rows +
        defaultSettings.watermark_y_space * (defaultSettings.watermark_rows - 1)
    ) > page_height
  ) {
    defaultSettings.watermark_rows = parseInt(
      (defaultSettings.watermark_y_space +
        page_height -
        defaultSettings.watermark_y) /
        (defaultSettings.watermark_height + defaultSettings.watermark_y_space)
    );
    defaultSettings.watermark_y_space = parseInt(
      (page_height -
        defaultSettings.watermark_y -
        defaultSettings.watermark_height * defaultSettings.watermark_rows) /
        (defaultSettings.watermark_rows - 1)
    );
  }
  var x;
  var y;
  for (var i = 0; i < defaultSettings.watermark_rows; i++) {
    y =
      defaultSettings.watermark_y +
      (defaultSettings.watermark_y_space + defaultSettings.watermark_height) *
        i;
    for (var j = 0; j < defaultSettings.watermark_cols; j++) {
      x =
        defaultSettings.watermark_x +
        (defaultSettings.watermark_width + defaultSettings.watermark_x_space) *
          j;
      var mask_div = document.createElement("div");
      mask_div.id = "mask_div" + i + j;
      mask_div.className = "mask_div";
      mask_div.appendChild(
        document.createTextNode(defaultSettings.watermark_txt)
      );
      mask_div.appendChild(document.createElement("br"));
      mask_div.appendChild(
        document.createTextNode(defaultSettings.watermark_time)
      );
      //设置水印div倾斜显示
      mask_div.style.webkitTransform =
        "rotate(-" + defaultSettings.watermark_angle + "deg)";
      mask_div.style.MozTransform =
        "rotate(-" + defaultSettings.watermark_angle + "deg)";
      mask_div.style.msTransform =
        "rotate(-" + defaultSettings.watermark_angle + "deg)";
      mask_div.style.OTransform =
        "rotate(-" + defaultSettings.watermark_angle + "deg)";
      mask_div.style.transform =
        "rotate(-" + defaultSettings.watermark_angle + "deg)";
      mask_div.style.visibility = "";
      mask_div.style.position = "absolute";
      mask_div.style.left = x + "px";
      mask_div.style.top = y + "px";
      mask_div.style.overflow = "hidden";
      mask_div.style.zIndex = "9999";
      //让水印不遮挡页面的点击事件
      mask_div.style.pointerEvents = "none";
      mask_div.style.opacity = defaultSettings.watermark_alpha;
      mask_div.style.fontSize = defaultSettings.watermark_fontsize;
      mask_div.style.fontFamily = defaultSettings.watermark_font;
      mask_div.style.color = defaultSettings.watermark_color;
      mask_div.style.textAlign = "center";
      mask_div.style.width = defaultSettings.watermark_width + "px";
      mask_div.style.height = defaultSettings.watermark_height + "px";
      mask_div.style.display = "block";
      oTemp.appendChild(mask_div);
    }
  }
  var parent_div = document.createElement("div");
  parent_div.style.visibility = "";
  parent_div.style.position = "absolute";
  parent_div.style.left = "0px";
  parent_div.style.top = "0px";
  parent_div.style.overflow = "hidden";
  parent_div.style.zIndex = "9999";
  //让水印不遮挡页面的点击事件
  parent_div.style.pointerEvents = "none";
  //   parent_div.style.opacity = defaultSettings.watermark_alpha;
  parent_div.style.width = page_width + "px";
  parent_div.style.height = page_height + "px";
  parent_div.style.display = "block";
  parent_div.appendChild(oTemp);
  document.body.appendChild(parent_div);
}

function getDefaultWatermark() {
  var watermarkTxt = Xrm.Page.context.getUserName();
  var userId = Xrm.Page.context.getUserId();
  var queryStr =
    "systemusers(" +
    userId.replace("{", "").replace("}", "") +
    ")?$select=fullname,domainname,mobilephone";
  CRM.Common.querySync(
    queryStr,
    true,
    function (res) {
      if (res != undefined) {
        if (res.mobilephone == null) res.mobilephone = "";
        watermarkTxt =
          res.fullname + " " + res.domainname + " " + res.mobilephone;
        return watermarkTxt;
      }
    },
    function () {}
  );
  return watermarkTxt;
}

function getNow() {
  var d = new Date();
  var year = d.getFullYear();
  var month = change(d.getMonth() + 1);
  var day = change(d.getDate());
  var hour = change(d.getHours());
  var minute = change(d.getMinutes());
  var second = change(d.getSeconds());

  function change(t) {
    if (t < 10) {
      return "0" + t;
    } else {
      return t;
    }
  }
  var time =
    year +
    "年" +
    month +
    "月" +
    day +
    "日 " +
    hour +
    ":" +
    minute +
    ":" +
    second;
  return time;
}

 2、在Dynamics Web安装目录下找到main.aspx，打开文件在末尾添加如下内容并保存;

...
<script src="/WebResources/mcs_common.js"></script>
<script src="/WebResources/mcs_watermark.js"></script>
<script type="text/javascript">
    watermark();
</script>
</body>
</html>

3、 重启IIS，刷新页面就能看到文章头部展示的水印效果；

ps：水印实现的脚本代码有很多，各种方式基本都可以用，这里用的是这个方式

 给html页面添加水印 - 慕尘 - 博客园 (cnblogs.com) 

 

 

山貓
关注
专栏目录
若依如何实现添加水印功能
猿小白的博客
07-29 2159
在某些系统中，有时候需要给某个页面或者某个文件添加水印，以防止用户截图或录屏暴露敏感信息后，方便追踪用户来源。
前端-PDF预览水印-viewer.js-增加添加水印逻辑
06-16
最近在做一个关于pdf文件水印相关的需求。在通过viewer.js 组件预览上传后已有水印的文件时，发现水印没有显示。这个修改后的viewer.js将解决这个问题 博客原文：https://blog.csdn.net/qq_34577234/article/details/125317635?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22125317635%22%2C%22source%22%3A%22qq_34577234%22%7D&ctrtid=vZnFp
网站添加水印功能【java#HTML】
qq_32469419的博客
11-27 897
网站增加水印功能 话不多说，最近做的一个项目，需要用到一个水印功能，直接贴js代码和效果图 自己先写一个js， JS代码部分： function waterMark(settings) { if($(".mask_div").length>0) return; //默认设置 var defaultSettings = { watermark_txt: "text", watermark_x: 20, //水印起始位置x轴坐标 water
vue实现添加水印（给页面添加背景水印、给图片添加水印）
最新发布
qq_43023197的博客
12-22 3149
/默认设置　　 var defaultSettings={　　 watermark_txt:“text”,　　 watermark_x:20,//水印起始位置x轴坐标　　 watermark_y:20,//水印起始位置Y轴坐标　　 watermark_rows:5,//水印行数　　 watermark_cols:10,//水印列数。这种方式最大的优点就是安全,因为水印图片是后端生成的,前端只需要负责展示即可,不需考虑多余的问题,且即便在…
前端实现在线预览PDF，水印方案，真水印哦。
qq_38062875的博客
07-27 4366
前端实现PDF预览，并且加水印 公司要做一个PDF预览并且加水印的功能，思考的很久，找了很久的资料，但是没有一篇文章给我完整的解决方案。一般都是用假的水印…发现了 pdf-lib 可以操作 pdf 文件，pdf.js可以预览文件。于是把两个东西组合起来实现了，在后端的帮助下，前端加水印并且预览。想把自己解决这个问题的历程写下来，帮助更多的开发者。 1.准备 实现这个功能需要两个包 PDFJS下载地址 PDF-LIB官网 2.开搞 下载PDFJS的项目目录，然后就用这个开发就好了。集成进Vue项目也是一样。
Dynamics CRM工具插件
11-27
- 用户界面优化：可能通过改进默认布局或添加自定义元素来改善用户体验。 3. **Read Me.txt**：这个文件通常是提供安装指南、使用说明或者插件开发者的重要提示。用户在安装和使用这些插件前，应先查阅这个文本...
UR5 dynamics
08-16
UR5 dynamics
ANSYS Fluid Dynamics Verification Manual.pdf
11-05
《ANSYS流体动力学验证手册》是ANSYS公司发布的一份重要的技术文档，主要针对ANSYS Fluid Dynamics软件进行详细的技术验证与说明。该手册涵盖了ANSYS流体动力学解决方案在Release 19.0版本中的核心功能、验证案例...
Learning MS Dynamics Ax
12-10
《Learning MS Dynamics AX》是一本关于如何学习和使用Microsoft Dynamics AX 2012进行编程的教程书籍。Dynamics AX是一款企业资源规划（ERP）解决方案，旨在帮助组织管理财务、人力资源和供应链等方面的业务需求。...
Dynamics CRM开发文档合集
05-23
《Dynamics CRM开发文档合集》是一份涵盖了2011、2013和2016三个版本的微软CRM系统开发的重要资料，对于深入理解和掌握微软Dynamics CRM的开发技术具有极高的价值。微软Dynamics CRM是全球广泛使用的客户关系管理...
使用JS给HTML添加文字水印.html
01-17
使用JS语言，给整个页面添加一个文字水印，这水印不影响页面结构，不影响其他元素点击，会根据页面大小缩放。已经封装为了函数，到手即用。
使用pdf.js渲染二进制流文件，并添加水印
Sansa_stark的博客
07-27 1510
接口请求时需要设置返回类型为blob，拿到数据后使用window.URL.createObjectURL把blob转为路径，作为参数传给pdfjsLib.getDocument方法，该方法会返回一个。如果要添加水印，需要用canvas来画，所以使用canvas渲染，如果只是预览，不需要用pdf.js，直接用iframe渲染二进制流转的路径就可以。然后在html页面中引入pdf.js和pdf.worker.js两个文件，一定要引入两个！首先在pdf.js官网下载pdf.js包。
PDF.js特殊字体、水印加载不出来问题解决
qq_42434923的博客
05-28 6132
问题描述：用PdfViewer在线阅读部分pdf文件时，部分文字加载不出来，浏览器network网络请求下locale.properties、GBK-EUC-H.bcmap这两个文件报404错误。 问题可能原因： 1.viewer.js文件内的PDFJS.cMapUrl这个字体文件路径配置错误 PDFJS.cMapUrl = '/Content/pdf.js/web/cmaps/'; PDFJS.cMapPacked = true; 2.IIS的MIME问题，像.bcmap、.svg、.woff、
js图片添加文字水印并设置水印居中的方法
weixin_44540711的博客
10-30 1016
公司有一个需求，需要在一个图片模板上添加文字水印供客户端保存下载，这个简单的功能用后端语言来实现觉得没有必要，所以参考网上的文章，使用js结合canvas就给实现出来了，效果还可以，兼容性还未测试 ,下面是效果图跟具体代码 参考地址：https://blog.csdn.net/weixin_39958248/article/details/117890432?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-tas.
若依上传图片添加水印
@Yan*_*zeng博客
06-14 548
通用上传图片 文件 图片添加水印
使用JS（watermark）给HTML页面添加文字水印（全网最简单，最详细，复制即用，提供源码链接）
热门推荐
朱少强的博客
01-17 1万+
前言： 最近在做项目，PD提需求让做一个页面水印，百度到的答案好像大部分都是图片的，要么七七八八的，百度了好久，现在总结出来了这个精简中的精简版的教程，与大家分享。（源码下载链接在文章末尾，如果不想看可以直接至翻到末尾。） 分析需求： PD需要的是整个页面布满水印，那么可以确定三件事情： 我们加载页面后就要把这个水印填在页面上 需要根据页面大小，动态跳转页面上水印数量，防止某些人缩小刷新...
vue前端实现打印功能
FangFang's Blog
06-07 5128
方案一：vue页面设置单独的div区域专门做打印：调用打印方法： 对打印页面调整样式 方案二：与方案一差不多只是不单独设置独立div用于打印，直接对展示页面进行打印，再通过样式去调整打印页面的显示，而且不用安装html2canvas.........
vue3使用pdfjs预览pdf文件并显示水印
weixin_38389008的博客
06-09 2665
scale的值可以设置缩放比例，可以根据不同的pdf文件设置，例如word文件转成的pdf，或者ppt转成的pdf，宽高比是不一样的，我需求中的两种文件格式，目前1.2是相对效果最好的。然后设置pdf.worker.js文件的引入地址。以上两个属性，就可以正常显示水印了。首先在页面中引入pdfjs。要显示水印一定要配置。
前端操作pdf文件实现添加水印效果
李三岁的博客
01-31 2631
在 Vue 中集成pdf-lib ，实现给 PDF文件 添加水印
掌握Dynamics 365 CRM扩展开发
"Dynamics 365 CRM Extensions Cookbook 是一本专为开发者设计的指南，旨在帮助他们充分利用Microsoft Dynamics 365 CRM的功能。这本书包含了超过80个扩展方案，涵盖了各种开发技巧和最佳实践。" 《Dynamics 365 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值