有没有办法使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时重新渲染图像。见下面的模型