`canvas.getContext ('2d')` `kehrt Object` statt` CanvasRenderingContext2D`

Question

Verwendung 2.1.1 mit Karma und Jasmin, erhalte ich eine TypeError mit diesem Code:

var canvas = document.createElement('canvas'); 
var context = canvas.getContext('2d'); 
context.drawImage(...) // TypeError here for Phantom 

Chrome 47 und Firefox 43 geben eine context vom Typ CanvasRenderingContext2D zurück.

Link to GitHub issue

Answer 1

ich glaube, das Problem ist, dass Sie diesen Code außerhalb des Kontexts einer Webseite ausführen.

folgender Ausschnitt soll, ist

var webPage = require('webpage'); 
var page = webPage.create(); 

page.onConsoleMessage = function(msg) { 
    console.log('The web page said: ' + msg); 
}; 

page.open('http://phantomjs.org/', function(status) { 
    page.evaluateJavaScript(function() { 
     var canvas = document.createElement('canvas'); 
     var context = canvas.getContext('2d'); 
     console.log(canvas); 
     console.log(context); 
     console.log(typeof context.drawImage); 
    }); 
    phantom.exit(); 
}); 

Die Ausgabe bei der Ausführung dieses Skript in PhantomJS arbeiten;

The web page said: [object HTMLCanvasElement] 
The web page said: [object CanvasRenderingContext2D] 
The web page said: function