发布时间:2023-02-19 08:30
需要将动态生成的html生成一个图片,然后让用户长按保存发给朋友或者朋友圈。如何将html转化为图片呢,一般是4个步骤。
/**要生成图片的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