canvas - PDF 中的图像被截断 : How to make a canvas fit entirely in a PDF page?

Question

当使用 jspdf 库将 Canvas 放置在 PDF 中时，图像会被切断。

html2canvas(myContainer, {background: 'red'}).then (canvas) ->
  imgData = canvas.toDataURL('image/jpeg', 1.0)
  window.open(imgData) # this is just a test that opens the image in a new tab and it displays nicely, the entire image
  pdf = new jsPDF("l", "pt", "b1") # tried a variety of formats but no luck
  pdf.addImage(imgData, 'JPEG', 0, 0)
  pdf.save('file.pdf') # the generated pdf that contains the image gets trimmed

有没有人有任何想法如何使 Canvas 适合？

Answer 1

尝试设置图像的宽度和高度(在任何情况下，似乎都没有关于 addImage 的文档):

var pdf = new jsPDF("l", "mm", "a4");
var imgData = canvas.toDataURL('image/jpeg', 1.0);

// due to lack of documentation; try setting w/h based on unit
pdf.addImage(imgData, 'JPEG', 10, 10, 180, 150);  // 180x150 mm @ (10,10)mm