將函數添加到畫布的上下文中

Question

我正在爲javascript中的數學創建一些庫，其中一個將是canvas中的繪圖器。我打算做的是這個。

ctx.graph('sin(x)'); 

或類似的東西。我如何將一個方法添加到畫布的ctx中？我正在考慮的另一件事是

graph(ctx,'sin(x)'); 

然後使用eval來做到這一點。

謝謝。

Answer 1

您擴展了上下文對象的原型以包含圖形。

將這個代碼在.js文件中，包括與自己的項目該文件：

var canvasPlusGraph=document.createElement("canvas"); 
var contextPlusGraph=canvasPlusGraph.getContext("2d"); 

Object.getPrototypeOf(contextPlusGraph).graph=function(...) { 

    // do your graph code 
}