2018-12-28 js 图片下载

下载原理:

 首先引入html2Canvas.js 文件, 通过屏幕快照,截图 ,形成base64的图片,在将base64 转化为二进制文本流,最后用js 形成a标签,然后形成下载功能。
downpic () {
      let fulu = document.getElementById("fulu")
      let collapse = fulu.getElementsByClassName("at-collapse-item__wrap")
      for (let i=0; i {
        let contentWidth = canvas.width
        console.log(contentWidth)
        let contentHeight = canvas.height
        let pageHeight = contentWidth / 592.28 * 841.89
        let leftHeight = contentHeight
        let position = 20
        // let imgWidth = 595.28
        let imgWidth = 595.28
        let imgHeight = 592.28 / contentWidth * contentHeight
        let pageData = canvas.toDataURL('image/jpeg', 1.0)
        this.downloadFile('附录.png', pageData)
        otbeTarget.style.display = 'block'
        for (let i=0; i

你可能感兴趣的:(2018-12-28 js 图片下载)