javascript - 有什么办法可以解决 HTML5 Canvas 大小限制吗?

标签 javascript html canvas

我需要在页面上绘制一个动态生成的图表,到目前为止一直在使用 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/

相关文章:

php - dompdf 错误无法解决这个问题

html - Schema.org 的 WebSite 与 WebPage 类型有什么区别?

javascript - HTML Canvas 上奇怪的字体行为

Javascript - 带有 requestAnimationFrame 的面向对象 Canvas 游戏

javascript - 如何设置 jQuery Select2 的选定值?

javascript - 当用户点击播放视频的帧时如何调用javascript函数

javascript - 我想 "FORCE"单击上下文中的 paypal 按钮(这样我就可以隐藏它!)

HTML5 Canvas 每次笔画都会变慢并清晰

javascript - 在不同的设备上显示不同的图像

javascript - 源 map 是否包含源文本?