Как сделать изображение на сайте AngularJs?

Question

Я использую wkhtmltoimage, Это прекрасно работает, например, http://stackru.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

A получить ошибку JS error (благодаря: --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 >= 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;
};