js把html转换成图片格式的方法-mile米乐体育
web技术
2021年02月22日 07:36
0
这篇文章主要介绍js把html转换成图片格式的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
js把html转换成图片格式的方法:首先利用html2canvas把html转换成canvas;然后利用canvas对象方法【todata】把canvas转换成图片。
js把html转换成图片格式的方法:
1、首先利用html2canvas把html转换成canvas
html2canvas($('#content'),{ onrendered:function(canvas){ document.body.appendchild(canvas); } })
2、利用canvas对象方法:todata把canvas转换成图片
functionconvertcanvastoimage(canvas){ varimage=newimage(); image.src=canvas.todata; returnimage; }
得到的数据格式为:data:image/png;base64…
完整代码如下:
document helloworld!
areyouhearme?
以上是“js把html转换成图片格式的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注恰卡编程网行业资讯频道!
展开全文