Question

有没有办法获得上下文用于的画布？

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

E.g：

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

Answer 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中确认。

Answer 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

从上下文获取画布

2 个答案: