dom-to-image/将网页dom节点转换成 svg/png/jpeg图片

Cc_Debugger

已于 2023-01-09 16:06:34 修改

阅读量681

点赞数

分类专栏： vue第三方库（npm）文章标签：前端 javascript html

于 2023-01-09 15:37:06 首次发布

本文链接：https://blog.csdn.net/Xiang_Gong_Ya_/article/details/128615103

版权

vue第三方库（npm）专栏收录该内容

8 篇文章 0 订阅

订阅专栏

安装/引入

npm install dom-to-image
 
import domtoimage from 'dom-to-image';

// api
    toSvg
    toPng
    toJpeg
    toBlob
    toPixelData

      domtoimage
        .toPng(document.querySelector('.box'))
          //获取到要导出图片的dom元素
        .then((dataUrl) => {
          // 创建一个a标签
          var link = document.createElement('a')
          // 下载名称
          link.download = `下载的图片.png`
          // 图片地址
          link.href = dataUrl
          link.click()
        })
        .catch(function (error) {
          console.error('oops, something went wrong!', error)
        })
     // dataUrl就是base64编码