Javascript 通过print.css文件调整/缩放pdf画布的大小

将站点保存为pdf（phantomjs）时，我在打印css文件中指定画布的宽度和高度应为100%

canvas {
   max-width: 100%!important;
   max-height: 100%!important;
}

然而，在pdf中，它的缩放错误，看起来被拉伸了。 通过阅读各种文章，我了解到在css中为canvas设置height/width attr是不可能的，您必须直接在canvas标记中指定它。 资料来源：

---

如何处理此问题以获得pdf格式的正确外观画布？

为避免像素失真，请不要使用CSS缩放画布。相反，设置canvasElement.width和canvasElement.height。如果它只能以pdf格式调整大小会怎么样？如果无法通过打印css文件进行调整，您将如何进行？感谢您的努力。设置画布元素的宽度和高度：

canvasElement.width=desiredWidth；画布元素。高度=所需高度。如果需要将画布上的图形放大，可以使用
上下文按比例缩放画布。缩放（水平、垂直）
例如，要将画布图形缩放150%，可以这样做：
var scale=1.5；context.scale（缩放，缩放）
。