js实现jsp页面转换为图片

前端陈伟霆

于 2020-05-15 14:08:18 发布

阅读量1.7k

点赞数 1

分类专栏： js 文章标签： javascript jquery html5 css

本文链接：https://blog.csdn.net/weixin_43927397/article/details/106137299

版权

1、首先引入html2canvas.js

	兼容安卓和ios的html2canvas.js修改版本已经上传，小伙伴可以下了试试。

2、利用html2canvas把jsp转换为canvas,并利用canvas对象方法：toDataURL()方法将canvas转换为图片。

    function createImg() {
        html2canvas(document.getElementById("out_wrap"),{   //out_wrap是我指定生成图片那块div的id
            allowTaint:true,
            useCORS:true,
            y:0,
        }).then(canvas => {
            let pageData = canvas.toDataURL('image/jpeg', 1.0); //生成的图片
            $("#zhe_zhaoImg").attr('src',pageData);
        })

    }

完整代码如下（里面包含了自定义生成二维码，可借鉴之前的博文）：

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no&

最低0.47元/天解锁文章

前端陈伟霆

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js实现jsp页面转换为图片

1、首先引入html2canvas.js 兼容安卓和ios的html2canvas.js修改版本已经上传，小伙伴可以下了试试。2、利用html2canvas把jsp转换为canvas,并利用canvas对象方法：toDataURL()方法将canvas转换为图片。 function createImg() { html2canvas(document.getElementById("out_wrap"),{ //out_wrap是我指定生成图片那块div的id
复制链接

扫一扫

专栏目录