详解html2canvas截图不能截取圆角图片的解决方案

详解html2canvas截图不能截取圆角图片的解决方案

如题：遇到H5截图不显示圆角
解决方案，给所有html使用上的加上圆角以及背景色透明
生成海报方式设置透明背景色，如下：

html2canvas(this.$refs.capture, {
        async: true,
        scrollY: 0,
        scrollX: 0,
        backgroundColor: "transparent"
      }).then(canvas => {
        console.log(canvas, "canvas");
        this.$refs.addImage.append(canvas); //在下面添加canvas节点
        this.is_canvas = false;
        this.create_img = false;
        var image = new Image();
        image.className = 'canvasImg';
        image.src = canvas.toDataURL("image/png");
        image.style.width = "100%";
        image.style.position = "fixed";
        image.style.top = "0";
        image.style.left = "0";
        image.style.zIndex = "99999";
        image.style.background='transparent !important' //此句设置生成图片的背景色为透明即可显示圆角
        this.$refs.addImage.append(image); //在下面添加canvas节点
      });