html - 从上下文中获取对 Canvas 元素的引用？

Question

在我的代码的一部分中，我在 canvas 元素上调用 getContext('2d') 以生成 CanvasRenderingContext2D 对象。该对象继续从一个函数传递到另一个函数，在代码的稍后一点，它会很方便地获得对原始 canvas dom 元素的引用产生了给定的上下文。我在规范中找不到为此提供的任何内容，但这似乎是应该可行的事情。想法？

我可以想到很多解决方法(传递 canvas 元素及其上下文等)，但我的代码已经足够复杂了，我宁愿直接这样做。

Answer 1

所以你有你的上下文:

var ctx = myCanvas.getContext('2d'); // the canvas' 2d context

稍后你可以随时做:

ctx.canvas // the context's canvas, which in this case is the same as myCanvas

来自Canvas spec :

interface CanvasRenderingContext2D {

  // back-reference to the canvas
  readonly attribute HTMLCanvasElement canvas;