html2Canvas

PhantomJS 服务端仿浏览器截图

在画布上的东西直接转成canvas很方便，直接html2canvas就可以了，但是像浏览器这种元素就行不通了，因为浏览器加载得到资源是超链接的，无法获取第三方网页的h
不愿意做鱼的小鲸鱼·2023-08-23 00:16

js保存页面指定元素为图片

首先安装html2canvasnpminstallhtml2canvas--save然后引入html2canvasimporthtml2canvasfrom'html2canvas'打印functiondownloadFile
此行欲上天·2023-08-22 19:42

ts + vue 页面截图

背景：把当前页面某块功能生成图片安装html2canvasyarnaddhtml2canvas//HelloWorld.vue下载内容内容内容内容内容内容内容内容import{Component}from"vue-property-decorator
__Nancy·2023-08-22 19:38

html转pdf

一.引用插件importhtml2canvasfrom'html2canvas'importJsPDFfrom'jspdf'二.完整代码//导出页面为PDF格式/*eslint-disable*///不使用
一路追求匠人精神·2023-08-22 10:46

js将图片转换成base64

之前有个需求是把页面绘制成图片，上传到服务器中，我使用的html2canvas。但是html页面当中含有图片，如果图片地址非本页面域名，在截图时就会存在跨域问题，导致截图失败。
小白菜丨真香·2023-08-22 03:21

JS实现页面截图并下载图片到本地

none;}$(document).ready(function(){$(".example1").on("click",function(event){event.preventDefault();html2canvas
武汉前端阿杰·2023-08-21 22:36

vue3 如何将页面生成 pdf 导出

原文链接：vue3如何将页面生成pdf导出前言最近工作中有需要将一些前端页面(如报表页面等)导出为pdf的需求，博主采用的是html2Canvas+jspdf。
·2023-08-21 22:20

html2canvas截取不到高德地图或为空白

场景：微信环境中打开H5页面，用户授权后截取高德地图的定位，截取不到解决方式：在html2canvas.js中做修改functionImageContainer(src,cors){this.src=src
不加糖的沙·2023-08-19 14:59

jsp中调用高德地图并截屏上传示例

场景：微信环境中用户授权定位，截取用户位置信息做上传一、可能存在出现的问题（本人遇到的）1.html2canvas无法截取高德地图解决方式：修改html2canvas.js中的源码functionImageContainer
不加糖的沙·2023-08-19 14:59

Vue使用html2canvas将DOM节点生成对应的PDF

要通过Vue使用html2canvas将DOM节点生成对应的PDF，您需要安装html2canvas和jspdf这两个库。
一花一world·2023-08-19 11:03

Vue使用jspdf和html2canvas组件库结合导出PDF文件

效果图：1、安装依赖：npminstallhtml2canvas--savenpminstalljspdf--save或yarnaddhtml2canvas--saveyarnaddjspdf--save2
停留的章小鱼·2023-08-18 16:14

uniapp开发微信小程序使用painter将页面转换为图片并保存到本地相册

起初在网上找到很多都是在uniapp中使用html2canvas将网页转换成图片再jspdf将图片转换为pdf，但是这种方式在小程序环境不支持，只在h5环境下适用，当然这个方式是可行的，可以使用webview
jieyucx·2023-08-17 16:57

vue中使用html2canvas+jsPDF实现pdf的导出

导入依赖html2canvas依赖npminstallhtml2canvasjspdf依赖npminstalljspdfpdf导出以导出横向，A4大小的pdf为例规律：1.html2canvas中，在保持
小鲤鱼ya·2023-08-17 11:22

实现页面局部截图保存到本地

需求是点击保存图片将页面的echarts图表和对应表单生成图片保存到本地使用的包：html2canvas安装npmihtml2canvas@1.0.0-rc.4使用importhtml2canvasfrom'html2canvas
·2023-08-16 14:08

前端合成海报并保存到本地

这里用到了html2canvas这个库，这个相信很多人都有用到过。html2canvas可以将网页中的HT
·2023-08-16 14:02

【js】实现html整个页面生成单张pdf

首先引入html2canvas和jspdfhtml2canvas：http://html2canvas.hertzen.com/jspdf：https://parall.ax/products/jspdf
loyd3·2023-08-16 13:04

Vue-打印组件页面

经过百度经验，决定使用print-js和html2canvas组件。
stubborn丶lili·2023-08-15 17:15

揭秘 html2Canvas：打印高清 PDF 的原理解析

1.前言最近我需要将网页的DOM输出为PDF文件，我使用的技术是html2Canvas和jsPDF。具体流程是，首先使用html2Canvas将DOM转化为图片，然后将图片添加到jsPDF中进行输出。
·2023-08-15 16:13

html2canvas踩坑记

之前我们有toB的海报截屏需求，都使用了node截图，最近有toC的需求，访问量大，用node直接挂了，调研了下改成html2canvas，结果入坑一时爽，填坑火葬场。
不懂就要问呀·2023-08-15 15:04

使用printJS、html2Canvas实现打印功能

js文件如下：importhtml2Canvasfrom"html2canvas";importprintJSfrom'print-js'exportdefault{install(Vue/*options
feifeifeiCSND·2023-08-15 00:16

vue使用html2canvas实现一键截图并赋值到剪贴板，只截取当前显示器上可视的内容

使用html2canvas和clipboardAPI实现整页截图并填充至剪切板。
ChangYan.·2023-08-15 00:45

html2canvas实现保存网页为图片

以下是js代码//以下是截图代码$(function(){$("#btn").click(function(){html2canvas($("#contbox"),{height:$("#contbox
apple_sun·2023-08-14 13:08

html转成pdf,包括Echarts图表

使用到的js组件:html2canvas:我们可以直接在浏览器端使用html2canvas,对整个或局部页面进行‘截图’。
dudy·2023-08-14 04:22

vue html转word

网页转word，一般都是将网页标签内容复制到word中，存在主要的两个问题：1.页面样式丢失2.页面图片丢失，如果页面中有图表就更悲剧了；如果是网页转pdf，现在技术比较成熟，html2Canvas就搞定了
传说中的架构师·2023-08-13 22:46

利用canvas将网页元素生成图片并保存在本地

利用canvas将网页元素生成图片并保存在本地首先引入三个文件：1、<scripttype="text/javascript"src="js/html2canvas.js"></script
dianqi0560·2023-08-12 19:53

利用canvas将网页元素生成图片并保存在本地

利用canvas将网页元素生成图片并保存在本地首先引入三个文件：1、2、3、//canvas截图为document.body上的元素html2canvas(document.body).then(function
蓝心高飛·2023-08-12 08:58

前台导出pdf经验汇总 （html2canvas.js和浏览器自带的打印功能-print.js）以及后台一些导出pdf的方法

项目导出pdf一、前台导出pdf的两种方式1.html2canvas.js&pdf.js简介使用问题及解决方法2.浏览器自带的打印功能&print.js简介使用问题及解决方法3.vue-print-nb1
Schafferyy·2023-08-12 01:03

利用html2canvas下载图片(全前端处理)

html2canvas是一款JavaScript插件，它能够将网页上的HTMIL元素转化为Canvas对象，从而可以将网页截图输出为图片或者PDF文件。
smouns_·2023-08-12 01:33

小程序DOM如何转为图片并将图片分享给朋友？

方案一：h5中转页1、利用web端插件html2canvas将dom转成图片--h5端//入参请参考文档：http://www.dtmao.cc/ios/65361.htmlhtml2canvas(refdom
雨中的风铃子·2023-08-11 23:38

vue html2canvas 钉钉

以前写过PC浏览器上的html2Canvas，这次是给公司开发钉钉应用，需要在钉钉应用里面上传图片后，并和其他图片、二维码一起，绘制成一个宣传海报。
hsqin·2023-08-11 02:28

javascript 实现保存页面为图片

需要的第三方库：1.jquery.js（https://cdn.bootcss.com/jquery/3.3.1/jquery.js）2.html2canvas.js（https://github.com
Hi小胡·2023-08-09 18:47

vue2将页面内容通过pdf导出

首先我们在导出之前我们需要用到两个库//第一个：将页面html转换成图片npminstall--savehtml2canvas//第二个:将图片生成pdfnpminstalljspdf--save其次我们需要自己封装一个导出的一个方法这边我不过多介绍
清风竹·2023-08-09 17:29

移动端H5页面实现生成图片的代码

web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）1、生成图片可以用canvas,但是由于已经有了html2canvas这个开源库，所以为了节省时间就没有自己写了/***根据window.devicePixelRatio
PHP9年架构师·2023-08-09 11:06

JavaScript实现图片合成下载

为提高效率，使用插件(html2canvas)配合编写此功能。有关插件(html2canvas)的介绍，这里不多说明，大家可自行网上查阅。
程序员Winn·2023-08-08 20:04

vue页面截图用html2canvas截图不完整有滚动条+有echarts图表时完整截图——截图保存为图片或pdf

问题最开始需要做一个网页的截图，结果发现有滚动条怎么都截取不成功，然后各种百度到了一个办法，就是复制那个节点到body，然后在截取那个复制的节点，小页面实验了一下，成功了好开心，代码是这样的。但是，有但是o(╥﹏╥)o。(最后附完整代码)方法1（这里示例保存为图片）这个方法如果你没有echarts图表，是可以实现滚动条完整截图的，测试过没有问题；//这个是保存为图片的方法functionsaveF
侠课·2023-08-08 19:53

基于Vue实现html2Canvas与QRCode.js2生成带有二维码的海报

部分点击下载二维码保存，分享给好友：扫一扫二维码，立即xxx确定下载二维码js部分安装依赖这里不做介绍，如果安装失败可以直接将以下代码放入package.json依赖中"qrcodejs2":"0.0.2","html2canvas
放荡不羁的疯子·2023-08-08 01:13

html2canvas以及new QRCode生成带有二维码的海报的问题

全局定义newQRCodevarposterQrCode=newQRCode(document.getElementById("qrcode"),{//text:data,width:82,height:82,correctLevel:3//解决二维码识别不高的问题});取消修改的时候给posterQrCode传值posterQrCode.makeCode(data);解决二维码海报弹框出现顶部空
qq_43351249·2023-08-08 01:13

前端将页面转化为图片---进行下载导出、打印等功能

1.需要实现一个将div页面的东西导出,使用到了html2canvas官网：配置型|HTML2CANVAS中文文档(allenchinese.github.io)2.下载html2canvasnpminstall
weixin_45776308·2023-08-07 19:57

JS - 导出一个或多个pdf 生成zip压缩包

前端生成和导出pdfzip；使用的插件：jspdf、html2canva、jszip、file-saver插件安装：npminstalljspdfhtml2canvasjszipfile-saver可用于单个导出
Gs大师兄·2023-08-07 15:21

html2Canvas,jspdf，jszip，file-saver实现html批量导出pdf，打包成压缩包功能

importhtml2Canvasfrom'html2canvas'importJSZipfrom'jszip'importFileSaverfrom'file-saver'importJsPDFfrom'jspdf
dncsdnf·2023-08-07 15:19

vue 图片base64转化

importhtml2canvasfrom‘html2canvas’html2canvas(canvasDom,options).then(canvas=>{//此时的图片是base64格式的，我们将图片格式转换一下
vivk2017·2023-08-05 12:12

前端vue项目中如何把base64转换为图片并下载

项目需求，点击表格中下载二维码按钮弹出二维码，再点击下载，将二维码保存在本地此时需要用到html2canvas这个插件npmihtml2canvas--save//现在安装插件第二步：importhtml2canvasfrom"html2canvas
Mr__proto__·2023-08-05 05:45

(html2canvas jspdf)html转pdf带分页

1、下载npm包npmihtml2canvasjspdf-s2、页面引入importhtml2canvasfrom'html2canvas';importjsPDFfrom'jspdf';3、页面加载完成时调用函数
HS_d119·2023-08-04 11:53

Vue中将页面导出为PDF(vue2)

实现思路:在Vue中实际是把页面利用canvas转换成图片，然后再用图片的base64码转成PDF，这里就使用到了两个插件html2canvas和jspdfimage.png第一步安装两个插件:npminstall
SY·2023-08-03 22:04

常见图片格式的png、jpg、jpeg区别

项目中使用html2canvas将网页生成缩略图使用，当使用png格式时，基本上生成的图片都是以m为单位，不仅浪费资源，而且加载慢，影响客户体验，于是将格式改成了jpeg，相比png格式的图片，压缩了接近
翔子丶·2023-08-03 04:15

uniapp 分享微信及分享到朋友圈(方法2中)，分享海报(原生 app)，及uni-app 中使用 html2canvas 生成图片

1.方法一微信转发及分享到朋友圈参考链接2.方法二微信转发及分享到朋友圈shareUrl(this.id).then(response=>{//获取二维码跳转地址switch(e.item.name){case'wxchum'://重点是这里uni.share({provider:'weixin',scene:'WXSceneSession',type:0,href:response.share_
艾米家的猫儿（傻钢）·2023-08-02 21:41

前端PDF导出，使用html2Canvas和jsPDF插件

importhtml2Canvasfrom"html2canvas";importjsPDFfrom"jspdf";exportfunctiondownloadPDF(dom,filename){constscale
枫沂·2023-08-02 10:38

将html部分页面转canvas之后转成pdf打开

此处用的两个插件分别是html2canvas和pdfjs，在项目中安装插件npminstallhtml2canvas--save-devnpminstalljspdf--save-dev然后写转换方法，
眠九·2023-08-01 02:30

html2canvas

npminstallhtml2canvasimporthtml2canvasfrom'html2canvas'给一个元素渲染html2canvas的操作html2canvas(element,options
如果你还记得我是小双鱼·2023-08-01 02:36

前端html2canvas和dom-to-image实现截图功能

目录需求历劫过程截图知识点html2canvas文档地址封装使用教程dom-to-image-more文档地址封装使用教程解决跨域问题以下是我花了大把时间，薅秃头得出来的最终结果，dom-to-image-more
凉红茶·2023-07-29 21:47
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他