html2canvas快速使用

news/2024/11/25 23:17:00/

一、概述

        html2canvas是一个HTML渲染器,是一个脚本,它允许你直接在用户浏览器截取页面或部分网页的“屏幕截屏”。底层是基于DOM的,根据页面上可用的信息构建屏幕截图,它没有制作实际的屏幕截图,因此生成的图片并不一定是100%一致的。

安装

指令:npm install --save html2canvas

使用时引入

import html2canvas from 'html2canvas'

用法

使用带有一些(可选)选项的 html2canvas 渲染元素,简单的例子html2canvas(element, options)

html2canvas(document.body).then(function(canvas) {document.body.appnedChild(canvas)
})

 


http://www.ppmy.cn/news/1232109.html

相关文章

利用ssh端口转发

你的本地机器IP是192.168.1.100,你有一个远程服务器,假设IP是 203.0.113.0,上面运行了一个web服务在 80 端口 由于某种原因,你在本地机器(IP是192.168.1.100)不能直接访问这个web服务,但你可以S…

微信小程序开发学习——顺序、选择、循环、数学函数

1.条件语句 只需在js中写JavaScript的条件语句就行 math对象&#xff1a; 代码如下&#xff1a; <!--pages/tiaojian/tiaojian.wxml--> <view class"box"><view class"title">输入x&#xff0c;条件输出y</view><view><…

数据治理之考评环节

考评的流程&#xff08;批处理&#xff09; 周期调度&#xff0c;每天一次&#xff1a;采集hive, hdfs元数据存放到mysql中的dga库的metainfo表手动通过管理页面补充辅助信息指标考评 读取要考评的表的元数据及辅助信息读取要考评的指标对每张表的每个指标逐个进行考评保存考评…

Vue3 函数式弹窗

运行环境 vue3vitetselement-plus 开发与测试 1. 使用h、render函数创建Dialog 建议可在plugins目录下创建dialog文件夹&#xff0c;创建index.ts文件&#xff0c;代码如下 import { h, render } from "vue";/*** 函数式弹窗* param component 组件* param opti…

IOS输入框聚焦会把内容区域顶起

前几天做了一个类似qq布局的h5的聊天界面&#xff0c;输入框固定在最底下。初始情况会有默认的两条聊天记录&#xff0c;但是当点击底部的输入框时&#xff0c;输入框聚焦&#xff0c;弹起键盘&#xff0c;然后整个界面就被顶上去了&#xff0c;然后那两条默认的聊天记录也被顶…

ChatGLM-6B下载安装

ChatGLM-6B下载安装 项目指向 想把模型下载本地微调 通过官网指引需要先下载git-lfs #Linux 下载安装 curl -s https://packagecloud.io/install/repositories/github/git-lfs/script.deb.sh | sudo bash sudo apt-get install git-lfs git lfs install如果是docker中的虚拟机…

QML Image、AnimatedImage 加载 Gif动图

文章目录 前言一、Image二、AnimatedImage1. cache false2. cache true&#xff08;默认为true&#xff09; 总结 前言 Image、AnimatedImage 加载 Gif动图&#xff0c;以及AnimatedImage加载Gif是否缓存会导致的问题 一、Image 使用Image加载Gif&#xff0c;显示的只是一张图…