从上下文中获取画布答案

【问题标题】：Get canvas from context从上下文中获取画布
【发布时间】：2011-07-15 22:34:05
【问题描述】：

有什么方法可以获取上下文所用的画布吗？

我问的原因是因为我正在为 CanvasRenderingContext2D 创建一个原型函数，其中我需要画布元素的宽度/高度。

例如：

var cv = document.getElementById('canvas');
var ctx = cv.getContext('2d');
// Using only 'ctx', how to get 'cv'?

【问题讨论】：

标签： javascript html5-canvas

【解决方案1】：

ctx.canvas 应该返回画布 DOM 节点，您可以从中获取高度和宽度。

我试过https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_usage

Firefox 能够返回 ctx.canvas，以及 ctx.canvas.width 和 ctx.canvas.height。也在 Chrome 中确认。

【讨论】：

这是part of the specs。
链接失效。这就是为什么你不应该只是给出一个链接，而是要总结它的原因。
@Volodya - ctx.canvas should return the canvas DOM node 是摘要。
腐烂页面的新位置是developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/…。建议立即修改。

【解决方案2】：

自己试试这个：

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
var isSameObject = canvas === context.canvas;

alert(isSameObject
    ? 'context.canvas gives expected result'
    : 'unexpected result');

Here's the above in a jsFiddle.

【讨论】：