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

Question

我正在努力为 javascript 中的数学创建一些库，其中之一将是画布中的绘图员。我要做的就是这个。

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
}