html2canvas 图片模糊，及对css3部分不支持

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