将html保存为图片,html2canvas 将html代码转为图片并保存下来

html2canvas 将html代码转为图片并保存下来

发布时间：2018-05-22 10:15,

浏览次数：421

, 标签：

html

canvas

只是测试了下，在谷歌和360上都可以，但是在火狐和ie下面暂时没有效果，所以先做个小记录，等解决ie了，再补充。

"Content-Type" content="text/html; charset=utf-8" />

head>

测试图片

textArea id="textArea" col="20" rows="10" >85488545878445

class="button" type="button" value="button" οnclick="downloadForJS()">测试

//使用html2canvas 转换html为canvas 　　html2canvas(document.body).then(function(canvas)

{ var imgUri = canvas.toDataURL("image/png").replace("image/png",

"image/octet-stream"); // 获取生成的图片的url 　　　var saveLink = document.createElement(

'a'); 　　　　 saveLink.href =imgUri; 　　　　 saveLink.download = 'logo.png';

saveLink.click();/*console.log(imgUri); */ }); }

将html保存为图片,html2canvas 将html代码转为图片并保存下来相关推荐

设计图片转为html css,html2canvas 将代码转为图片_html/css_WEB-ITnose
最近,我通过众成翻译学习和翻译了一系列优秀的文章,许多文章都值得向大家推荐.但是,好的技术文章通常都有大段的代码.一般情况下,这并没有什么问题,因为不论是众成翻译.我的博客或者是其他转载技术类文章 ...
html图片翻页效果代码,js图片翻书效果代码分享
这是一款基于javascript实现图片翻书效果代码,图片可以从左右两个方向进行切换,用户还可以自定义对应图片的标题与文字说明,是一款非常实用的图片特效源码. 七夕情人节也可以是表白的神器,放一些回忆 ...
Python人工智能之图片识别，一行代码实现图片文字识别
我们以识别诗词为例下面是我们要识别的图片先看下效果图我们运行代码后识别的结果,有几个字没有正确识别,但是大多数字都能识别出来. 一行代码就能识别图片,我们背后要做些准备工作的 •这里我们需要用到 ...
怎么用html把字写到图片上,用HTML代码在图片上写字
一.以图片作为背景.在图片上写字,主要是在里用到了(Spacer)空白. type="horizontal" align=#> 水平空白 align=center(居中), ...
html5图片平铺的代码,jQuery图片平铺效果制作网页背景图片平铺代码
插件描述:jQuery图片平铺效果制作网页背景图片平铺代码调用JS文件调用插件方法 $(function(){ // 插件初始化 $('img').jqthumb({ classname : 'j ...
android分享分享到朋友圈图片,android7.0 通过代码分享图片到朋友圈
转载注明出处:简书-十个雨点在Android7.0中,系统对scheme为file://的uri进行了限制,所以通过这种uri来进行分享的一些接口就不能用了,比如使用代码来调用分享朋友圈的接口. 此 ...
android 图片文字布局,Android代码实现图片和文字上下布局
在Android开发中经常会需要用到带文字和图片的button,下面来给大家介绍使用radiobutton实现图片和文字上下布局或左右布局.代码很简单就不给大家多解释了. 布局文件很简单,用来展示Ra ...
H5页面使用html2canvas实现div生成为图片，保存到手机
在做微信公众号H5页面时,需求要求html页面生成base64图片,并保存到手机相册中.之前没做过,在网上搜了相关的资料.了解到了html2canvas.js. html2canvas首先将页面生成c ...
怎么截取图片大小 html,详解html2canvas截图不能截取圆角图片的解决方案
以前我们只能通过其他的截图工具来截取图像.现代浏览器的功能已经越来越强,随着H5的逐渐普及,浏览器本身就可以截图啦.html2canvas就是这样一款前端插件,它的原理是将Dom节点在Canvas里边 ...

将html保存为图片,html2canvas 将html代码转为图片并保存下来

将html保存为图片,html2canvas 将html代码转为图片并保存下来相关推荐

最新文章

热门文章