标签：css3 分辨率 模糊 writing html2canvas mode background 图片

1、html2canvas会自动模糊背景，如果将图片设置成div的背景，会自动模糊。

只需要将图片放在img标签中，就可以解决。

同时可以设置增加分辨率，但是图片会有一个极限，到达清晰度的极限后，增加分辨率不会变得更清晰，只会让图片变得更大。

实际情况酌情处理。

 html2canvas(this.$refs.canvas, {
              scale: 8, //按比例增加分辨率 (2=双倍).
              dpi: window.devicePixelRatio * 8, //设备像素比
            })

2、对 css3 支持不好

html2canvas 暂不支持的 CSS 样式属性:

background-blend-mode、background-clip: text、box-decoration-break、repeating-linear-gradient()、font-variant-ligatures、mix-blend-mode、writing-mode、writing-mode、border-image、box-shadow、filter、zoom、transform

标签：css3,分辨率,模糊,writing,html2canvas,mode,background,图片
来源： https://www.cnblogs.com/xuxux/p/16288245.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。