Obtener lienzo desde el contexto

Question

¿Hay alguna forma de obtener el lienzo para el que se utiliza un contexto?

Por qué lo estoy preguntando es porque estoy creando una función de prototipo para CanvasRenderingContext2D en la que necesito el ancho/alto del elemento canvas.

ej .:

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

Answer 1

ctx.canvas debe devolver el nodo DOM lienzo, desde donde se puede obtener la altura y la anchura.

he probado con https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_usage

Firefox fue capaz de volver ctx.canvas, así como ctx.canvas.width y ctx.canvas.height. También confirmado en Chrome.

Answer 2

Prueba esto a comprobar por sí mismo:

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.