无头chrome打印为pdf显示Chart.JS javascript画布错误

Question

我正在尝试使用无头镀铬版本71使用Chart.JS canvas元素自动打印一些网页，如下所示： start chrome --enable-logging --headless --disable-gpu --run-all-compositor-stages-before-draw --virtual-time-budget=10000 --print-to-pdf=C:\test.pdf example.html

当我在Chrome浏览器中手动从PDF打印时，结果看起来与网页上的结果完全相同：

但是在由无头铬创建的PDF中，该元素被奇怪地更改了：

是否有一种方法可以像实际的浏览器一样获得无头的chrome来精确打印PDF？

Answer 1

问题是网络浏览器给出了画布完成之前加载的页面，为避免这种情况会产生一些额外的负载

HTML代码结尾

添加：

class Employee:

    raise_amount = 1.04


    def __init__(self,first,last,pay):
        self.first = first
        self.last = last
        self.pay = pay
        self.email = first+'.'+last+'@company.com'

    def fullname(self):
        return ('{} {}'.format(self.first,self.last))

    def apply_raise(self):
        self.pay = (self.pay * raise_amount)


employee_1=Employee('Bling','Blong',50000)
employee_2=Employee('Test','User',60000)


print (employee_1.pay)
employee_1.apply_raise
print (employee_1.pay)