Question

已解决：不确定这是否是jspdf库中的错误，但它会使我们要放入pdf中的元素不能在屏幕外（向下滚动可访问）。原来这是我的问题，将元素移到html的顶部可以解决所有问题。

我正在用一个角度为jsPDF的画布绘图创建一个pdf。

已成功生成pdf，但图像已被剪切。

它将图像的整个宽度绘制为pdf，但仅将高度的一小部分绘制出来。我想我可能无法正确理解addImage（）函数参数。但是我似乎无法画出更多的图片高度。

pdf.addImage（img，'PNG'，0，0，200，150）

addImage（）的最后两个参数似乎会影响pdf中绘制图像的大小。如果我将200增加到300，则图像会变宽。将150增加到250会使图像更长，但不会绘制图像的较大部分。我目前设置为零的参数似乎只影响在pdf中绘制图像的位置。

有什么主意为什么我的图像只能部分绘制？（转换为pdf的图像宽1292像素，高913像素）

我以为这可能是一个加载问题，但是我尝试在不同的语句上设置超时，但这并没有改变。

 generatePDF(): void {
    html2canvas(this.myCanvas.elementRef.nativeElement).then((canvas) => {
      const pdf = new jsPDF("landscape");
      const img = canvas.toDataURL("image/png", 1.0);
      pdf.addImage(img, 'PNG', 0,  0, 200 , 150)
      pdf.save('diploma.pdf');
    });
  }

为什么我的图像在生成的PDF中被剪切掉？

0 个答案: