将功能添加到画布的上下文中

Question

我正在为javascript中的数学创建一些库，其中一个是画布中的grapher。我打算做的就是这个。

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
}