Proxy an HTMLCanvasElement

README.md

Proxy an HTMLCanvasElement

view on jsgist

index.css

/*bug-in-github-api-content-can-not-be-empty*/

index.html

/*bug-in-github-api-content-can-not-be-empty*/

index.js

const canvas = document.createElement('canvas');

const handler = {
  get(target, prop, receiver) {
    return target[prop];
  },
  set(target, prop, value) {
    console.log('set:', prop, '=', value);
    target[prop] = value;
  }
};

// Make the proxy
const canvasProxy = new Proxy(canvas, handler);

// test the proxy
canvasProxy.width = 512;
canvasProxy.height = 128;

// use the proxy
const ctx = document.createElement('canvas').getContext('2d');
ctx.drawImage(canvasProxy, 0, 0);

jsGist.json

{"name":"Proxy an HTMLCanvasElement","settings":{},"filenames":["index.html","index.css","index.js"]}