html转图片_如何将html转化为图片

发布时间:2023-02-19 08:30

需要将动态生成的html生成一个图片,然后让用户长按保存发给朋友或者朋友圈。如何将html转化为图片呢,一般是4个步骤。

1,在html里新建canvas画布

/**要生成图片的html*/<p class=\"con_1\">
    <p class=\"con_1_5\">
        <span class=\"title_des2\">思路惊奇</span>
        <span class=\"title_des3\">思路惊奇</span>
    </p>
    <img class=\"con_1_1\" src=\"style/ActiveCDN/bonus/page7_1.png\" alt=\"\">
    <img class=\"con_1_2\" src=\"style/ActiveCDN/bonus/page7_1.png\" alt=\"\">
</p>/*生成的canvas和最终生成的图片*/<p class=\"shareImg\">
    <canvas id=\"canvas\" width=\"750\" height=\"1206\"></canvas>
    <img src=\"\" alt=\"\">
</p>
//设置canva画布大小,这里会把画布大小设置为2倍,为了解决生成图片不清晰的问题,需要注意接下来所有的函数都是在html2canvas这个对象里定义的
var html2canvas={
    can

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号