我需要在页面上绘制一个动态生成的图表,到目前为止一直在使用 Canvas 元素。不幸的是,一些用户的图表太大,以至于生成的 Canvas 超出了移动浏览器的大小限制——结果是一个空 Canvas 。
我曾尝试在较小的平铺 Canvas 上绘图,但这样做效率很低,因为绘图需要多次完成。
我也曾尝试在内存中创建一个大 Canvas ,然后使用 drawImage 将其分割成较小的平铺 Canvas 。这失败了,因为内存中的 Canvas 超过了最大 Canvas 大小(即使它尚未附加到 DOM)。
我正在寻找有关如何在事先不知道宽度/高度的情况下将大型动态图表绘制到页面上的任何建议。
谢谢!
最佳答案
访问SVG好像是well supported
您可能想要使用 svg 代替,因为您可以免费获得渲染,因此,滚动和缩放应该不是问题,而不是您必须自己做几乎所有事情的 Canvas 。
关于javascript - 有什么办法可以解决 HTML5 Canvas 大小限制吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28236843/