web前端|js教程
javascript,html转换成图片
web前端-js教程
下单网源码,vscode 和ide区别,Ubuntu创建过程,Tomcat多个项目顺序,苍穹爬虫,php本页跳转,静海seo哪家专业,asp网站源码连接sql,jsp网页模板导航栏lzw
js把html转换成图片格式的方法:
商城 开源 源码下载,虚拟ubuntu怎么安装,tomcat的小朋友们,python 学校 爬虫,html5怎么安装php,商城 系统 seolzw
1、首先利用html2canvas把html转换成canvas
模板 源码下载,vscode 加速,ubuntu 磁盘权限,《精通tomcat》,sqlite教程(十三),买香港服务器虚拟机 最可靠的,黑月编译器插件 3.3,前端最全的框架,java 爬虫 ajax,php 转编码,成都seo站内优化,网站源码扫,网页源代码破解密码,系统下载织梦模板,个人信息页面html模板,学生管理系统 软件课程设计,开源的工作日志程序lzw
html2canvas($(#content),{ onrendered: function(canvas) { document.body.appendChild(canvas); }})
2、利用canvas对象方法:toDataURL()把canvas转换成图片
function convertCanvasToImage(canvas) { var image = new Image(); image.src = canvas.toDataURL("image/png"); return image;}
得到的数据格式为:data:image/png;base64…
完整代码如下:
Hello World!
Are you hear me?
$(function(){ $(#btnSave).click(function(event) { html2canvas($(#content),{ onrendered: function(canvas) {document.body.appendChild(canvas);convertCanvasToImage(canvas); } }) }); function convertCanvasToImage(canvas) { var image = new Image(); image.src = canvas.toDataURL("image/png"); document.body.appendChild(image); return image; }})
如果觉得《js如何把html转换成图片格式》对你有帮助,请点赞、收藏,并留下你的观点哦!