Ottenere tela contesto

Question

C'è un modo per ottenere la tela che un contesto è utilizzato per?

Perché mi chiedo è perché sto creando un prototipo di funzione per il CanvasRenderingContext2D in cui ho bisogno la larghezza / altezza dell'elemento canvas.

per esempio:.

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

Answer 1

ctx.canvas deve restituire il nodo di tela DOM, da cui è possibile ottenere altezza e la larghezza.

ho provato con https: // sviluppatore. mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_usage

Firefox è stato in grado di tornare ctx.canvas, così come ctx.canvas.width e ctx.canvas.height. confermata anche in Chrome.

Answer 2

Provate a controllare da sé:

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

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

Ecco quanto sopra in un jsFiddle .