detect max possible canvas capabilities

canvasSize.js

import canvasSize from "canvas-size";

const getMaxTextureSize = () => {
  const canvas = document.createElement("canvas");
  const gl = canvas.getContext("experimental-webgl");
  if (!gl) return 2048;
  return gl.getParameter(gl.MAX_TEXTURE_SIZE) || 2048;
  };

const maxTextureSize = getMaxTextureSize();
canvasSize.test({
  sizes: [
    [maxTextureSize, maxTextureSize], 
    [8192, 8192], 
    [4096, 4096]],
  onError: function(width, height, benchmark) {
    console.log("Error:", width, height);
  },
  onSuccess: function(width, height, benchmark) {
    console.log('dimensions can be: ', width, height);
  }
});