HTML2Canvas

html2canvas 实现dom转png

首先：npminstallvue-html2canvas在需要的页面：importhtml2canvasfrom“html2canvas”;使用中：this.
Amy o-O·2019-08-07 18:15

html2canvas解决图片偏移并下载

main.setListener();},//设置监听事件setListener:function(){varbtnShare=$(".getImg");btnShare.click(function(){main.html2Canvas
hmily43·2019-08-02 08:47

HTML页面转PDF加水印解决截取不全问题

项目需求：根据HTML页面导出完整的PDF技术栈：html2canvas、jspdf、Vue首先将包下载到项目中，然后在制定页面引入依赖包importhtml2Canvasfrom"html2canvas
小九九_2951·2019-08-01 15:59

js将dom转成图片并下载(亲测有效) domtoimage替换html2canvas

之前使用html2canvas转成图片会有各种bug,如canvas被污染,导致不能下载,图片跨域等.最终还是没能解决问题.最近找到一个新的插件domtoimage,可以完美解决之前的问题,这个只需要引入
bamboozjy·2019-08-01 10:19

【VUE】vue使用html2canvas截图

官方文档：http://html2canvas.hertzen.com/configuration/踩了一天的html2canvas深坑，终于没毛病了遇到的问题：1、部分http图片(上传阿里云的图片，
LuviaWu·2019-07-23 15:39

Js<解决图片下载和保存的问题>

首先我这边是实现长按保存图片到本地，后端返回的是一个单独的二维码，没有这些背景啥的，这时候用html2canvas实现这种效果（具体实现请参考：https://www.jianshu.com/p/e7e3b19cfa21
誰在花里胡哨·2019-07-19 14:55

记html2canvas采坑记，为何生成的canvas样式与html中的不同

目标：1.想要让canvas中的图片正常显示，不能使用backgroundImage，而且最好不要使用div嵌套img标签，直接使用img。2.能不使用定位就不使用定位（最好用margin、padding表现dom元素的位置），如果想使用，就在此定位元素外嵌套一个position：relative的标签。(大神告诉我用定位是最好的，下次测试一下，margin/padding需要计算的东西太多了)3
Dolores_me·2019-07-18 16:52

记html2canvas采坑记，为何生成的canvas样式与html中的不同

目标：1.想要让canvas中的图片正常显示，不能使用backgroundImage，而且最好不要使用div嵌套img标签，直接使用img。2.能不使用定位就不使用定位（最好用margin、padding表现dom元素的位置），如果想使用，就在此定位元素外嵌套一个position：relative的标签。(大神告诉我用定位是最好的，下次测试一下，margin/padding需要计算的东西太多了)3
Dolores_me·2019-07-18 16:52

html2canvas 截图清晰度优化

createSrc:function(qrcodeImg){console.log("生成海报");varthat=thisvardom=document.querySelector('#big-content');//创建canvas画布varcanvas=document.createElement("canvas");//2d渲染对象varcontext=canvas.getContext(
醉笙情丶浮生梦·2019-07-17 19:03

html2canvas截屏 生成base64图片文件

html2canvas(document.querySelector("#capture")).then(canvas=>{constcontext=canvas.getContext('2d');//
Weirdo鱼仔万万岁·2019-07-12 17:04

使用 HTML 实现截图-html2canvas使用记录

我们项目使用的是html2canvas插件，还有其他插件，例如dom-to-image、rasterizehtml，可以根据需求使用。
JavaScript语言·2019-07-06 20:58

Vue使用html2canvas将页面转化为图片

需求是微信端将页面截屏之后保存到本地，使用了html2canvas插件installnpminstall--savehtml2canvas在所需页面引入importhtml2canvasfrom"html2canvas"use
ふじさんの雪·2019-07-05 20:00

vue 项目导出pdf两种方式

vue项目导出pdf两种方式：https://gitee.com/lbx_1397372495/vue-pdf-demo项目源码地址1.使用html2Canvas+jsPDF导出PDF，这种方式什么都好
丿乐灬学·2019-07-04 16:46

HTML生成图片

本章介绍一下如何把HTML转成图片，主要思路是用html2canvas这个插件生成把页面生成canvas，然后用canvas的toDataURL生成图片。
黑莓小宝闪电朵朵·2019-07-02 17:13

vue项目中 页面生成pdf并下载，vue 中页面转PDF

方法一第一步、安装插件//第一个.将页面html转换成图片npminstall--savehtml2canvas//第二个.将图片生成pdfnpminstalljspdf--save第二步、定义全局函数
csl125·2019-06-29 16:15

利用jspdf和html2canvas导出pdf文件

importJsPDFfrom'jspdf';importhtml2canvasfrom'html2canvas';//导出文件exportPDF=()=>{let{shop}=this.props;letelement
hetingtingisme·2019-06-23 20:59

uniapp html2canvas 生成图片

下载插件html2canvas.min.js直接粘贴复制下面的也可以/*!
niersen丶尼尔森·2019-06-19 10:25

js实现截图，使用 html2canvas canvas2image 保存图片

截图获取某个元素作为图片保存原始HTMLvartest=$(".test").get(0);//将jQuery对象转换为dom对象//点击转成canvas$('.toCanvas').click(function(e){//调用html2canvas
Sunshine_night·2019-06-13 18:19

将页面的内容导出使用html2canvas+jsPDF

第一首先是要引用importjsPDFfrom'jspdf'importhtml2canvasfrom'html2canvas'importPDFJSfrom'pdfjs-dist'PDFJS.GlobalWorkerOptions.workerSrc
weixin_30770495·2019-06-11 13:00

一文彻底解决HTML5页面中长按保存图片功能

下面是详细的步骤：1.html2canvas截屏保存的图片节点最好是img
佚名·2019-06-10 16:09

Vue将页面导出为图片或者PDF

本文实例为大家分享了Vue导出页面为PDF格式的具体代码，供大家参考，具体内容如下导出为图片1.将页面html转换成图片npminstallhtml2canvas--save2.在需要导出的页面引入importhtml2canvasfrom'html2canvas
weixin_43964779·2019-06-10 08:52

Vue 爬坑之旅 -- 动态合成分享海报时需要注意的几个问题

前段时间有写过一篇生成分享二维码然后在和背景图一起合成成为一张海报的文章，Vue爬坑之旅–生成分享二维码和合成分享海报的方法及踩坑历程，当时这个功能是用qrcode先生成二维码然后将二维码用定位的方式放在背景图片上面，然后使用html2canvas
zgh0711·2019-05-29 16:56

html2canvas截取html图片时，图片是空白图片

这种情况可能是浏览器有滚动条，导致的；如果浏览器窗口显示的是要截图的内容，截图不是空白的话，那就是这个问题了；可以用以下代码处理functiongetmbtimainImg(){vartargetDom=$("#main");varcopyDom=targetDom.clone();copyDom.width(targetDom.width()+"px");copyDom.height(targe
PT1993·2019-05-18 09:23

利用html2canvas实现移动端上传图片生成海报

原文链接：链接描述使用vue+html2canvas+exif-jsgithub地址线上demo主要功能上传图片对图片进行操作：移动、放大、缩小合成海报具体功能：上传图片html:jsgetPhoto(
我是大哥的女朋友·2019-05-18 00:00

vue 使用 html2canvas 把 H5 页面生成图片（海报）

让后就去网上搜了一下DOM转png，尝试找一找有没有这样的库，就找到了html2canvas这个库。记录一下用法，以及遇到的坑及解决方式:下载npmihtml2canvas或yarnaddhtm
阿畅_·2019-05-13 23:56

HTML2Canvas---合成海报遇到问题总结

在使用HTML2Canvas合成图片项目中，通过不同手机测试，发现很多问题，总结一下，分享给大家。1.在iPhone的safari浏览器上，合成海报分享到微信，会报“网络错误,无法分享”。
苏小米·2019-05-13 13:00

移动端html2canvas总结

前言公司项目需要动态生成一个公益证书，需要对html转成图片供用户保存转发，一开始就想到用canvas，后来百度找到有html2canvas这个插件，就用起来了。
CrazBarry·2019-05-09 19:00

使用html2canvas完成页面截屏并保存为图片

实现网页页面截屏，并且将其转换为指定图片格式保存下来，需要使用到html2canvas.js。前面是实现原理和步骤分析，具体实现代码在文章尾部。
Annn_kk·2019-04-29 17:55

html2canvas生成图片（移动端），处理生成图片模糊

截 图function$(selector){returndocument.querySelector(selector);}varmain={init:function(){main.setListener();},//设置监听事件setListener:function(){varbtnShare=document.getElementById("btnShare");btnShar
花花世界_3451·2019-04-27 12:42

html2Canvas生成图片

首先，毋庸置疑，需要引入如下文件：方法一:html转canvas，canvas转换成url，然后利用a标签的download属性，直接下载1）html代码如下：下载内容1。。。。。。。。。下载内容2。。。。。。。。。2）js操作：说明：JavaScript使用id来寻找canvas元素：然后创建context对象，getContext("2d")对象是内建的HTML5对象，拥有多种绘制路径、矩形
chibimarukochan·2019-04-26 17:43

html2Canvas生成图片

首先，毋庸置疑，需要引入如下文件：方法一:html转canvas，canvas转换成url，然后利用a标签的download属性，直接下载1）html代码如下：下载内容1。。。。。。。。。下载内容2。。。。。。。。。2）js操作：说明：JavaScript使用id来寻找canvas元素：然后创建context对象，getContext("2d")对象是内建的HTML5对象，拥有多种绘制路径、矩形
chibimarukochan·2019-04-26 17:43

html页面截图 html2canvas学习

html页面截图html2canvas学习html2canvas介绍demo遇到的问题html2canvas介绍html2canvas是一个js插件，可以非常简单的帮我实现html截图官网安装npminstallhtml2canvas
宋大王·2019-04-26 14:19

vue---canvas实现二维码和图片合成的海报

1.npm安装npminstallhtml2canvas--save//html转canvas2.页面引入importhtml2canvasfrom'html2canvas';3.html:两张图片的具体定位
苏小米·2019-04-25 18:00

JS前端生成pdf文件和excel文件

生成pdf文件：使用html2canvas和jspdf插件详情：jspdfhtml2canvas通过下面指令安装或者使用CDNnpminstall--savehtml2canvasjspdf然后分别引入
Dilomen·2019-04-18 17:48

html2canvas脚本实现将html内容转换canvas内容

在开始使用html2canvas之前，有一些关于html2canvas及其一些限制的好处。介绍该脚本允许您直接在用户浏览器上截取网页或部分网页的“屏幕截图”。
木人子韦一日尘·2019-04-18 12:00

react+antd项目的打印功能的另类实现(html2canvas)

传送门：https://github.com/827652549/CanvasStudyreact+antd项目的打印功能的另类实现(html2canvas)需求：在react+antd项目中实现指定区域的打印功能
苏一恒·2019-04-13 21:01

html2canvas的ignoreElements的使用方法

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。教程介绍、教程目录等能在README里查阅。传送门：https://github.com/827652549/CanvasStudy在用hrml2canvas时，官方文档针对于ignoreElement属性给出了以下说法：其中中间列表示默认值。突然箭头函数的表示默认值瞬间一脸懵，
苏一恒·2019-04-13 20:03

使用html2canvas将页面转成图并使用用canvas2image下载

使用html2canvas将页面转成图，用canvas2image下载本例使用的版本：html2canvas@[email protected]安装npminstallhtml2canvascanvas2image
cason6810·2019-04-04 15:40

把Html 页面转换成图片 保存下载 Html2canvas

前往此处下载html2canvas.js内容一内容二内容三内容四内容五点此保存图片点此预览图片save.onclick=function(){html2canvas(document.querySelector
你大爷的！·2019-04-01 10:53

html2canvas ，google地图截屏不完整问题

html2canvas用来进行google地图截屏生成图片一共有两个问题。第一个问题是跨域问题，解决办法：useCORS:true。第二个问题是图片生成不完整。完整的地图是由很多图片碎片组成的。
bbbzhuzhu·2019-03-28 10:05

使用html2canvas将页面转成图，用canvas2image下载

使用html2canvas将页面转成图，用canvas2image下载本例使用的版本：html2canvas@[email protected]安装npminstallhtml2canvascanvas2image
cason6810·2019-03-26 00:00

html2canvas 网页dom截图 上传服务器 image标签图片实时更新

一、使用场景，逻辑以及效果：场景：用HTML2canvas定时截图将截图实时显示在网页上，并将截图上传至服务器，之后在本页面进行定时轮询截图后台逻辑：前台使用HTML2canvas将截图以base64的形式通过
concealed0·2019-03-22 11:52

Html2Canvas截取地图截图

varimage=newImage();image.src=canvas.toDataURL("image/png",0.1);returnimage;}//克隆DOM元素到画布functionconvertHtml2Canvas
cznllm·2019-03-21 19:41

html2canvas.js实现前端将页面转化为图片并长按下载

1.需求由于在最近在做的项目需要用到在前端把页面生成图片并保存到手机中，在技术调用过程中自己写了一个demo，没有采用vue-cli脚手架，但是大同小异，这个demo也采用了vue2.js开发页面，qrcode.js来生成二维码，原理比较简单。该demo项目：github地址，觉得有帮助的给一个星，万分感谢。该项目不能直接打开index.html进行访问，会出现报错。请用http-server打开
bayi_lzp·2019-03-21 18:12

Konva入门教程

此外，你也可以借助它来绘制一个页面的截图，作为大名鼎鼎的html2canvas库的替代方案，因为html2canvas在部分手机上生成截图的效果并不是很好。
nobody-junior·2019-03-19 15:00

网页html生成图片的常用方案

没错，今天就给大家推荐一个简单又好用的工具html2canvas。准备文件进入该官方网站点击此处，在官网首页开始下载资源文件，html2canvas.js或者html2canvas.min.js皆可。
yangzhao·2019-03-16 00:00

在js内生成PDF文件并下载的功能实现(不调用后端),以及生成pdf时换行的格式不被渲染,word-break:break-all

前天来了个新需求,有一个授权书的文件要点击下载,需要在前端生成,以前没做过那就开始查资料吧,还真的发现有生成pdf文件的组件(此处感谢前辈们写的组件),叫做jspdf.然后还有一个把页面渲染成画布的插件,叫做html2canvas
CN-无忧·2019-03-15 17:00

解决html2canvas同时生成多张图片出问题

在做页面生成多张图片的时候出现了问题，页面是全屏的，但是只能生成一张。之后找到了解决方法。1.要显示的页面得在可视区域，也就是屏幕内。我是湛山我是湛山我是湛山-->2.可以先复制元素，全部为可视状态，在进行截图（生成图片）就行//复制邀请的部分,让它在可视去,能生成图片for(vari=0;i3.写个方法，循环调用//调用方法,截图for(vari=0;i斗才商学院body{overflow-x:
三妹_day·2019-03-09 17:10

Asp.Net 将HTML中通过dom-to-image.js标签div内的内容转化为图片保存到本地

一开始使用的是html2canvas.js。功能是可以实现，但是有缺陷。话不多说开始搞！
魏杨杨·2019-03-06 19:00

html2canvas截取页面

常用的插件就是html2canvas。插件的使用本身很简单，这里说的是如何将其生成的canvas保存为图片。
QQ帝国·2019-03-06 10:14
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他