检测最大画布尺寸。

Question

有没有办法检测canvas元素的最大宽度和高度？我正在尝试根据用户对该标签的支持来提供不同的图像大小。

编辑： 以下是更多细节... 我正在使用带有canvas渲染器的Three.js。当传递一个大纹理时，一些设备无法加载它们，因为canvas大小限制（例如iPhone 4）。但它会静默失败，所以我无法检测它并加载较小的纹理。因此，我需要一种方法来了解canvas元素的最大尺寸，以加载正确的文件。 我还尝试过像这样超出其大小以捕获错误。

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

- 7daysofrain

---

你目前尝试了什么？请通过www.jsfiddle.net或codepen发布您的代码。 - Sulthan Allaudeen

你试过这个链接吗？ https://dev59.com/Y2LVa4cB1Zd3GeqP1Pbg - Ravinder Singh Bhanwar

我不认为这是int限制的问题，因为在某些设备上，即使是小纹理（2048x2048），也会出现这个问题。 - 7daysofrain

众所周知，一些2D画布的实现具有最大尺寸限制，特别是在iOS设备上。例如，请参见https://dev59.com/0m025IYBdhLWcg3wUEOP 对于我的应用程序来说，在运行时确定这些限制将非常有帮助... - Chris

Answer 1

是的，但不幸的是没有使用本机浏览器API。

有关详细信息，请参见 <canvas>元素的最大尺寸线程中的我的答案。

- John Hildenbiddle