当前位置: 首页 > Web前端 > HTML5

再来说说项目中html2canvas生成的问题

时间:2023-04-05 20:49:01 HTML5

是模糊的。百度了半天,终于发现我的图片用的是背景图。我不能在这里使用背景图片。我应该改用img。而img要用div包起来,例如:

另外,在配置html2canvas的时候,只需要将scalevarcontent=$('.海报');//获取生成海报的区域html2canvas(content[0],{scale:2,//放大2倍的原因是1倍时高分辨率会模糊useCORS:true//【重要】启用跨域配置}).then(function(canvas){$('#posterAfter').attr('src',canvas.toDataURL("image/png"));});生成海报的区域必须在画面范围内,不能隐藏,否则可能会出现空白。我将与您分享我所做的事情。Demo体验地址:http://hb.xiaohuanzi.cn/源码:https://gitee.com/wuyifan1995/html2canvas