HTML2Canvas

基于html2canvas实现网页保存为图片及图片清晰度优化

本次技术调研来源于H5项目中的一个重要功能需求：实现微信长按网页保存为截图。这里有个栗子（请用微信打开，长按图片即可保存）：3分钟探索你的知识边界将整个网页保存为图片是一个十分有趣的功能，常见于H5活动页的结尾页分享。以下则是项目中调研和踩坑的一些小结和汇总。一、实现HTML页面保存为图片1.1已知可行方案现有已知能够实现网页保存为图片的方案包括：方案1：将DOM改写为canvas，然后利用can
小小云朵·2017-10-09 00:00

微信wap页生成分享海报功能踩坑经验

本文适用人群需要在微信wap页开发分享海报功能的前端程序员们想要了解html2canvas库的吃瓜群众挣扎在html2canvas库中的开发者们背景产品大大的需求：做一个生成海报的功能。
朝颜vivian·2017-09-28 17:07

html2canvas库使用中出现的问题及解决方案

注本人使用的html2canvas是从github上下载的，版本为0.5.0-beta3。本文会继续更新，以后html2canvas库发现的所有问题都会更新在本文中。
kylin_zdd1993·2017-09-28 13:08

js 利用html2canvas实现截图功能

需要导入的文件：jquery.min.js，html2canvas.js，canvas2image.js，jquery.qrcode.min.js（如需二维码）varshareContent=document.getElementById
cmyh·2017-09-19 13:54

html5使用html2canvas实现浏览器截图的示例

最终记录的异常信息如下，上面的【截图报告管理员】就是使用html2canvas前端插件实现的。html2canvas介绍以前我们只能通过其他的截图工具来截取图像。
焰尾迭·2017-08-31 14:09

js使用html2canvas实现屏幕截取的示例代码

整理文档，搜刮出一个js使用html2canvas实现屏幕截取的示例代码，稍微整理精简一下做下分享。
Leo-hzj·2017-08-28 17:55

Vue网页html转换PDF（最低兼容ie10）的思路详解

HTML转PDF：1.页面底层实现――Vue：最低兼容ie102.实现思路：1>使用html2canvas.js将网页转换为图片2>使用jsPdf.debug.js将canvas生成的图片转换为pdf文件具体实现
冷藏封·2017-08-24 08:07

自己手写的滑块验证码，前端签证码。因为极验验证好像要收费，自己纯手工打造，大家可以自己在这个基础上改进

需要的外部插件：polyfill.min.js（兼容IE）；html2canvas.js(截图插件)；这个示例没有使用jquery，无需引用。代码写的可能不太友好，将就着看吧。
三木雪白水·2017-08-22 23:01

使用html2canvas实现浏览器截图

最终记录的异常信息如下，上面的【截图报告管理员】就是使用html2canvas前端插件实现的。
csilverai·2017-08-17 10:19

html2canvas 下载图片 报网络错误

1.html2canvas使用html5的技术，实现将前端DIV内容转换为图片，在IE浏览器中不支持，报promise错误2.在下载图片过程中，报网络错误，主要是由于canvas.toDataURL，没有处理
一醉千秋·2017-08-11 13:16

html2canvas完整demo解决图片跨域问题(已经成功啦啦)

实现html内容转成图片格式搞这个东西之前尝试过好多种方法，包括canvas画图，phpgd2画图，画的我怀疑人生，我就想实现一个大概名片的效果，不用太炫酷，最后还是选择用html2canvas,但是遇到的问题还是图片的跨域问题
钟其源·2017-08-10 17:12

javascript实现放大镜插件【含进阶】

】成果图放大镜的原理网页结构实现步骤第一步获取元素第二步注册鼠标进入离开事件第三步注册鼠标移动事件（确定遮罩层的定位）最后一步大图跟着鼠标移动整理一下全部的js代码【放大镜进阶】功能分析效果图截屏插件html2canvas
顽皮的雪狐七七·2017-07-04 16:55

vue中将网页打印成pdf实例代码

点击下载PDFimporthtml2Canvasfrom'@/components/html2canvas.js'importJsPDFfrom'@/components/jsPdf.debug.js'exportdefault
激烈的海胆·2017-06-15 16:29

使用html2canvas截图不全问题解决方案——经测可用

首先说明下需求：在预览详情页时，要将预览页通过点击事件保存为图片遇到的问题：在使用了html2canvas插件后，出现了只能截取可视区域的页面的状况解决方案：根据需求页面需在加载完成后直接生成幕布，后期通过点击事件直接下载即可
且听风吟leo·2017-06-15 09:22

html2canvas 生成高清图片

html2canvas.js要改2处代码第1处代码line603window.html2canvas = function(nodeList, options) {    var index = html2canvasCloneIndex
antlove·2017-06-13 17:10

使用html2canvas来将dom转化为图片

这是项目用到的js库，平常比较少用到插件，这是第一个用的，所以就去了解了下，发现是把dom转化为图片的，原理是先转化为canvas。所以是h5的代码如下：//这是个牛逼的插件。他的作用是把html的dom节点转化为png，然后显示出来，吊吊吊的****************************************************************原理：***********
mkmin·2017-05-30 00:07

如何实现web界面的快照功能

利用html2canvas插件快速实现快照功能用法：下载并引入html2cancas.js文件，并直接调用html2canvas函数，传入参数参数说明：1.需要快照的区域元素2.配置对象html2canvas
junzhen_chen·2017-05-20 16:39

常见的canvas优化——模糊问题、旋转效果

canvas常见优化方案——模糊问题、旋转效果、离屏、自定义图片尺寸实践demo——“canvas离屏、旋转效果实践——旋转的雪花”2017-12-1816:27:35更新关于模糊问题前几天研究html2Canvas
孙慧丽·2017-05-12 00:00

推酷《编程狂人》第一七四期

前端开发Vuex框架原理与源码分析DIY一个自己的音乐播放器用css绘制各种形状如何用JavaScript实现一个数组惰性求值库Javascript将html转成pdf,下载（html2canvas和jsPDF
推酷·2017-05-04 15:33

js使用html2canvas实现屏幕截取

Test*{margin:0auto;padding:0;}.btn{width:100px;height:30px;line-height:30px;background:green;color:#fff;border-radius:10px;-webkit-border-radius:10px;text-align:center;display:block;text-decoration:no
Leo-hzj·2017-04-28 16:30

Javascript 将html转成pdf,下载,支持多页哦（html2canvas 和 jsPDF）

弄了几天，自己整理整理，记录下来，我觉得应该会有人需要：）项目源码地址：https://github.com/linwalker/...html2canvas简介我们可以直接在浏览器端使用html2canvas
linwalker·2017-04-26 00:00

html5 实现网页截屏 页面生成图片(图文)

html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。因为每个浏览器渲染页面的方式都不尽相同，所以生成的图片也不太一样。
红豆灬·2017-02-27 16:34

js实现截图保存图片功能的代码示例

这个问题的解决方案：htmltocanvastopng.目前有一个这样的插件:html2canvas,html2canvas
philips·2017-02-16 10:17

js实现截图功能

这个问题的解决方案：htmltocanvastopng.目前有一个这样的插件:html2canvas,html2canvas
philips·2017-02-11 00:00

使用html2Canvas实现截图功能

通过JS就能截屏，这是Html2canvas为用户提供的一个便捷的神器，通过对DOM元素的信息提取渲染使用例子：html2canvas($("#bg"),{onrendered:function(canvas
碵蝎·2016-12-14 17:23

html2canvas的0.5.0-beta4版本(可以解决图片不清晰问题)

/* html2canvas0.5.0-beta3 Copyright(c)2016NiklasvonHertzen ReleasedunderLicense */ !
bbsyi·2016-11-07 18:00

html2canvas把div保存图片高清图

http://www.bootcdn.cn/（可以搜索html2canvans）1.选择html2canvas版本（这个版本可以放大倍数保证图片清晰）默认生成的canvas图片在retina设备上显示很模糊
弹琴弹琴·2016-11-07 18:31

html2canvas把div保存图片高清图

http://www.bootcdn.cn/（可以搜索html2canvans）1.选择html2canvas版本（这个版本可以放大倍数保证图片清晰）默认生成的canvas图片在retina设备上显示很模糊
bbsyi·2016-11-07 18:00

工作手记之html2canvas使用概述

什么是html2canvas?以前我们只能通过其他的截图工具来截取图像。现代浏览器的功能已经越来越强，随着H5的逐渐普及，浏览器本身就可以截图啦。
冷星·2016-11-02 00:00

使用html2canvas进行屏幕截屏

最近做到一个项目应用,需要把页面截屏并保存为图片.用html2canvas可以非常方便地办到,以下来介绍html2canvas的使用使用之前,有一些需要知道的事情1.在不通过代理的情况下只能加载同源（相同域名
wolfqong·2016-08-08 21:49

html2canvas

作用html2canvas可以通过纯JS对浏览器端经行截屏，但截图的精确度还有待提高，部分css不可识别，所以在canvas中不能完美呈现原画面样式支持的浏览器Firefox3.5+GoogleChromeOpera12
Rotten_Pencil·2016-06-03 22:21

JavaScript+Java实现HTML页面转为PDF文件保存的方法

前端：首先引入html2canvas.jshtml2canvas(document.body,{//截图对象//此处可配置详细参数onrendered:function(canvas){//渲染完成回调
终日乾乾·2016-05-30 19:34

html2canvas截取界面html并保存到本地

图片上的各个空格显示成前台获取到的数据,后台点击生成图片按钮后，生成一张新的图片保存到本地；解决办法最后选择了js截取html生成图片保存到本地的办法，因为后台生成的效果简单的还好，复杂的效果并不理想；插件描述：html2canvas
XingZhaoQiang·2016-05-16 09:04

使用html2canvas截屏，利用itextpdf转为pdf保存到数据库

项目里的一个需求，需要将html转为pdf保存到远程FTP服务器和数据库解决方案：使用html2canvas截取页面元素，类似截图的效果，再利用itextpdf转为pdf保存到数据库。
wcl1598593·2016-05-09 21:00

用jspdf实现html5页面下载成pdf文件

一路辛酸就不多说了，经历了各种尝试，最后终于搞定，直接贴代码：functiondownloadSG(){html2canvas($('#appmsg'),{height:5000,onrendered:
冷月无声_x·2016-04-07 21:16

html5 实现网页截屏 页面生成图片(源代码)

$(document).ready(function(){$(".example1").on("click",function(event){event.preventDefault();html2canvas
silenceboy·2016-03-21 00:00

使用html2canvas实现浏览器截图

最终记录的异常信息如下，上面的【截图报告管理员】就是使用html2canvas前端插件实现的。
焰尾迭·2016-03-08 08:00

使用html2canvas实现浏览器截图

最终记录的异常信息如下，上面的【截图报告管理员】就是使用html2canvas前端插件实现的。
焰尾迭·2016-03-08 08:00

html2canvas根据DOM元素样式实现网页截图

  html2canvas根据DOM元素样式实现网页截图   html2canvas是一个相当不错的JavaScript类库，它使用了html5和css3的一些新功能特性
·2015-11-13 05:34

js 将网页内容生成图片

function () { $("#saveimg_btn").on("click",function (event) { event.preventDefault(); html2canvas
·2015-11-02 18:06

html页面保存成图片，图片写入pdf

前端：首先引入 html2canvas.jshtml2canvas(document.body, {  //截图对象          //此处可配置详细参数          onrendered: 
终日乾乾·2015-10-12 19:00

JavaScript+Canvas 实现网页截屏

最近一个项目需要开发一种可以实现页面截屏的技术，并且用h5技术，找来找去，发现html2Canvas这个框架做的很不错，也满足了我得需要。
天外野草·2015-10-08 21:44

html2canvas 简单使用

document.getElementById("screenshotsBtn"); screenshotsBtn.onclick = function(event){ event.preventDefault();     html2canvas
antlove·2015-09-15 09:12

js生成pdf报表

因此需要用到js生成生报表：用到的组件： jquery.js jspdf.js canvg.js html2canvas.js jspdf.plugin.autotable.js 前台动态生成的
·2015-07-02 14:00

JS页面截图技术

将html页面转换成canvas 使用html2canvas实现html到canvas的转换：html2canva
baidu_zhongce·2015-06-29 14:00

IText&Html2canvas js截图 绘制 导出PDF

Html2canvas JS截图 HTML 1 <div id="divPDF"> 2 需要截图的区域 3 </div> JS 1 &
·2015-06-26 10:00

html5 实现动态网页截屏 页面生成图片并打印(图文)

html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。因为每个浏览器渲染页面的方式都不尽相同，所以生成的图片也不太一样。
lu8000·2015-03-12 11:00

html5 实现网页截屏 页面生成图片(图文)

html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。因为每个浏览器渲染页面的方式都不尽相同，所以生成的图片也不太一样。
lu8000·2015-03-12 09:00

php网页切图/js切图

download.html   PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)   不太兼容各浏览器   利用html5中的canvas 和html2canvas
·2014-10-27 19:00

JavaScript实现网页截图功能

JavaScript截图，这里我要推荐两款开源组件：一个是Canvas2Image，它可以将Canvas绘图编程PNG/JPEG/BMP的图像；但是光有它还不够，我们需要给任意DOM（至少是绝大部分）截图，这就需要html2canvas
四火·2014-10-16 08:27
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他