Question

在使用html2canvas转换png时，我会在画布上绘制该图像。我在html中使用多种字体。但是在转换字体时不适用。所以它看起来是不同的字体

  function getCanvas() {
       form.width(myPageSize).css('max-width', 'none');
       return html2canvas(form, {
           useCORS: true,
           imageTimeout: 2000,
           removeContainer: true
       });
   }

Answer 1

实际上问题是html中使用了多种字体，因此在转换图像时，它无法使用字体。现在已经修复，现在仅使用单个字体

Answer 2

html2canvas(element, {
   onrendered: function (canvas) {
        var ctx = canvas.getContext('2d');
        ctx.webkitImageSmoothingEnabled = true;
        ctx.mozImageSmoothingEnabled = true;
        ctx.imageSmoothingEnabled = true;
        var img = canvas.toDataURL('image/png');
        console.log(img);
   }
})

我已经为我的项目尝试了以上代码，在此代码中，“ element”是要为其生成图像的html元素。

对于html2canvas font-family无法正常工作

2 个答案: