Question

我正在使用wkhtmltoimage。它适用于例如http://stackoverflow.com

但是当我尝试在任何使用AngularJs的网站上运行时（例如https://material.angularjs.org/latest/）：

wkhtmltoimage.exe --no-stop-slow-scripts --javascript-delay 5000 --enable-javascript --debug-javascript   https://material.angularjs.org/latest/ C:\\dev\\temp\\0c8fca2c-0990-40c4-8672-12fc71ec6cf6.png

获取错误JS错误（感谢：--debug-javascript标志）

Loading page (1/2)
Warning: undefined:0 Error: [$injector:modulerr] http://errors.angularjs.org/1.5.5/$injector/modulerr?p0=ng&p1='undefined'%20is%20not%20an%20object
Rendering (2/2)

结果图像只是一个微小的白色条纹。

如何重新

Answer 1

似乎wkhtmltopdf与Function.prototype.bind（在Angular＆gt; = 1.5中使用）不能很好地协作，因此您需要提供“polyfill”才能使其正常工作。

Function.prototype.bind = function(oThis) {
    if (typeof this !== 'function') {
        throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
    }

    var aArgs   = Array.prototype.slice.call(arguments, 1),
        fToBind = this,
        fNOP    = function() {},
        fBound  = function() {
            return fToBind.apply(this instanceof fNOP
                ? this
                : oThis,
                aArgs.concat(Array.prototype.slice.call(arguments)));
        };

    if (this.prototype) {
        fNOP.prototype = this.prototype; 
    }

    fBound.prototype = new fNOP();

    return fBound;
};

如何渲染AngularJs网站的图像？

1 个答案: