dom-screenshots

1.0.7 • Public • Published

#dom-screenshots

html的截图组件
获取html元素的内容转换成canvas,再通过canvas转换成图片,以达到截图的效果。本文提供了一个Example.vue文件可以查看具体用法

用法

安装

npm i dom-screenshots

引用

组件导出一个convertToImage方法,通过将domElement作为参数传入该方法,返回一个 src是图片文件的<img>标签

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<img src="" alt="">
<div id="box">hello world</div>
<script type="module">
  import convertToImage from "./index.js";
  var box = document.getElementById('box')
  convertToImage(box).then(dom => {
    // dom 是一个 <img>元素 img.src就是图片文件
    document.append(dom)
  })
</script>
</body>
</html>

Readme

Keywords

Package Sidebar

Install

npm i dom-screenshots

Weekly Downloads

1

Version

1.0.7

License

ISC

Unpacked Size

20.3 kB

Total Files

11

Last publish

Collaborators

  • unknown_user