純粋なJavaScriptでネイティブJS関数（キャンバスのgetContext（））をオーバーライドするにはどうすればよいですか？

Question

私はcanvas要素が「のgetContext（」WebGLの「）」を呼び出したときに好きな「NULL」の値を返すだろう。..

私はWebGLRenderingContextプロトタイプを見つけて、それを更新しようとしましたが、私はそれを見つけることができません。

WebGLRenderingContextおよびWebGLRenderingContextBaseは、prototype.getContextを有しない。

どうすれば 'null'値に戻すことができますか？

私は以下でテストしてみた

..

var test = document.createElement('canvas');` 
test.getContext("webgl");` 

これはWebGLRenderingContextオブジェクトを返します...

は私を助けてください:)ネイティブプロトタイプをいじり

Answer 1

？まあ、私はあなたが何をしているのか知っていると思います。そう、あなたが本当にgetContextプロトタイプメソッドを上書きする場合は、あなたがHTMLCanvasElement.prototype.getContextのための単純なデコレータでこれを達成することができます：だから

HTMLCanvasElement.prototype.getContext = function (orig) { 
    return function(type) { 
    return type !== "webgl" ? orig.apply(this, arguments) : null 
    } 
}(HTMLCanvasElement.prototype.getContext) 

を2D、3Dのような任意のコンテキストのために、それは意志、それが正常に動作しますが、「WebGLの」のためのnullとしてください。あなたがこれを必要とする理由はありません。

Answer 2

わからないあなたはこれをしたい理由が、あなたはこのようにそれを行うことができます™あなたはあなたがやっている内容を正確に把握仮定：

// store a reference to original vector 
 
HTMLCanvasElement.prototype.__oldGetContext = HTMLCanvasElement.prototype.getContext; 
 

 
// patch 
 
HTMLCanvasElement.prototype.getContext = function(type, options) { 
 
    if (type === "webgl" || type === "experimental-webgl") { 
 
    console.log("WebGL suppressed!");    // remove this in production 
 
    return null; 
 
    } 
 
    else return this.__oldGetContext(type, options); // call original vector 
 
} 
 

 
// test (assuming browser do indeed support *webgl...) 
 
var c = document.createElement("canvas"); 
 
var ctx = c.getContext("webgl") || c.getContext("experimental-webgl"); 
 

 
// works with 2D 
 
var c2 = document.createElement("canvas"); 
 
var ctx2 = c2.getContext("2d"); 
 
console.log("2d?", !!ctx2);

あなたがする必要があります。それが土地になるとprobablySupportsContext()のために同様のことをします。

他のコードがgetContext()コールを使用する前に、これを機能させるための鍵はパッチを当てることです。

自己責任で使用してください！