Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ssis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检测最大画布大小_Javascript_Html - Fatal编程技术网

Javascript 检测最大画布大小

Javascript 检测最大画布大小,javascript,html,Javascript,Html,有没有办法检测画布元素的最大宽度和高度?我正试图根据用户对该标签的支持提供不同的图像大小 编辑: 这里有更多的细节 我在画布渲染器中使用Three.js。当传递大纹理时,一些设备无法加载它们,因为画布大小限制(例如iPhone 4)。但它无声地失败了,所以我无法检测它并加载更小的纹理。因此,我需要一种方法来知道画布元素的最大大小是多少,以便加载适当的文件 还试图像这样加大尺寸以捕捉错误 var backCanvas = document.createElement('canvas'); var

有没有办法检测画布元素的最大宽度和高度?我正试图根据用户对该标签的支持提供不同的图像大小

编辑: 这里有更多的细节

我在画布渲染器中使用Three.js。当传递大纹理时,一些设备无法加载它们,因为画布大小限制(例如iPhone 4)。但它无声地失败了,所以我无法检测它并加载更小的纹理。因此,我需要一种方法来知道画布元素的最大大小是多少,以便加载适当的文件

还试图像这样加大尺寸以捕捉错误

var backCanvas = document.createElement('canvas');
var img = $('img').get(0);
img.width= 90000;
backCanvas.getContext('2d').drawImage(img,0,0,90000,90000)

是的,但遗憾的是没有使用本机浏览器API


有关详细信息,请参阅线程中的我的答案

到目前为止你都试了些什么?请通过www.jsfiddle.net或codepen发布您的代码。您是否尝试过此链接???我不认为这是int限制的问题,因为在某些设备(2048x2048)中也会出现小纹理。众所周知,2D画布的某些实现具有最大大小,特别是在iOS设备上。例如,请参阅我自己的应用程序,在运行时找出限制将非常棒。。。