• 截图工具


    前端截图domtoimage和html2canvas

    domtoimage把节点截图 截图较为清晰

     let node = document.getElementById("vbox");
          domtoimage.toPng(node).then(function (dataUrl) {
            this.imgUrl == "";
            this.imgUrl = dataUrl;
            if (this.imgUrl != "") {
              this.handleGenerate();
            } else {
              alert("请签名或签名不完整!");
            }
          });

    html2canvas 截图 相比来说 有些模糊 截图的大小在 vbox中设置 

     html2canvas(this.$refs.vbox).then(function (canvas) {
            this.img == "";
            this.img = canvas.toDataURL(); 
            if (this.img != "") {
              this.handleGenerate();
            } else {
              alert("请签名或签名不完整!");
            }
          });

    或者

     html2canvas(this.$refs.vbox,{
             window.screen.availWidth,
            height: document.getElementById("writediv").clientHeight - 2,
    }).then(function (canvas) {
            this.img == "";
            this.img = canvas.toDataURL(); 
            if (this.img != "") {
              this.handleGenerate();
            } else {
              alert("请签名或签名不完整!");
            }
          });
     
     
  • 相关阅读:
    解决知乎pc端频繁展现视频问题
    (转)求树的直径
    (转)海量数据处理专题
    const用法小结
    codeblocks中更改gnometerminal终端调试方法
    谷歌收购摩托罗拉移动
    (转)详解sizeof
    (转)位计算的诸多算法(计算二进制1的个数)
    (转)glibc中字符串函数源码分析
    (转)typedef的用法
  • 原文地址:https://www.cnblogs.com/zhangsong611/p/14870492.html
Copyright © 2020-2023  润新知