有没有办法使HTML Canvas的大小不受限制

Question

今天是个好日子，

我正在开发一个代表彩色线条数据的项目。

例如，如果你在一天中给我300个天空颜色的样本。我想在这样的线上绘制它们：

左侧明亮的颜色显示白天，右侧显示黑暗显示夜间。

这很容易，但是对于我的真实项目，我有大约一百万个样本而不是300个。我想使用这些数据来制作类似于上面的行，但是宽度为1,000,000像素，高度为16。

它必须采用图像格式，因为我将通过不同的图像压缩算法（即jpg，jpg2000，webp等）运行此图像，并在结果中搜索模式。

我想为此使用HTMl Canvas，但是每个majoy浏览器中html画布的最大宽度远小于一百万。

铬：

最大高度/宽度：32,767像素

火狐：

最大高度/宽度：32,767像素

IE：

最大高度/宽度：8,192像素

图像的总面积非常正常，它只是Canvas不喜欢的宽度。

有没有办法在浏览器中关闭这些限制？或者是否有其他编程环境可以轻松设置为构建这样的图片？

谢谢您的帮助！

Answer 1

如果这仅用于显示目的，并且使用JavaScript有限制，那么理想的解决方案是将数据拆分为块并添加导航按钮。在特定时间只显示您图像的一部分，当一个人导航prev/next时，重新渲染您的图像。见下面的样机