一个HTML页面中，canvas的数量有限制吗？

qq_41840140 2018-05-18 09:32:39

近期在用canvas来实现监控直播的播放，但是在一个页面上，加载canvas时发现，超过8个后，后多几个，前面就有几个canvas失效，所以想问，一个页面里的canvas数量有限制吗？如果没有这可能是哪出错了呢？

...全文

2998 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_41840140 2018-05-18

打赏
举报

回复

引用 1 楼 jslang 的回复:

没有数量限制，你有问题可能是元素id重复，或者js代码的问题

不是ID问题，在Edge下可以直接加载16个，谷歌和火狐是8个，不一次性加载，用定时器加载谷歌能9-12，火狐能到12-15；IE怎么都只有6个。而且谷歌和火狐是加载后面添加的，前面的没了，ie是加载前面的，后面的没了

天际的海浪 2018-05-18

打赏
举报

回复

没有数量限制，你有问题可能是元素id重复，或者js代码的问题

本课程基于HTML5的Canvas编程技术、JavaScript和CSS等前端技术，实现了拼图游戏的开发过程，可以借此课程初步掌握网页游戏的开发过程和思路，并加强对H5等前端技术的熟练掌握。

我在stackoverflow找到答案了：canvas的大小有限制，而且浏览器或者设备不同，其限制还不一样。翻译：截至2012年7月,Safari上第三代iPad最大6826像素高度的canvas。Internet Explorer 9的最大高度为8192像素。(我认为的最大宽度是相同的,但没有测试这个。)超过最大宽度使得在Safari iPad上的画布无用，没有什么会被画出来。Internet ...

Canvas的使用 <canvas id="canvas" height="300" width="300"> 您的浏览器不支持canvas标签 </canvas> canvas标签在页面中只显示一个设定背景色的画布,canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成,canvas只是提供了一个javascript图形图像的绘制接口API 检测浏览器是否支持canvas标签 <canvas id="Canvas"></

最近遇上项目上有一个绘制大尺寸表格的问题，产品中封装的表格控件在支持HTML5的浏览器上采用画布展示，但是绘制的行数过多后发现展示不全的问题，经过查阅资料和写demo测试，发现主流浏览器对canvas的尺寸做了一定的限制。测试代码如下： (function (){ window.addEventListene

本文作者：雨过天晴 https://zhuanlan.zhihu.com/p/540761999前几天一个同事让我帮忙解决一个 bug，这个 bug 困扰他好几天了。这是一个 App 中的 Hybrid 页面，它瀑布流中的图片总是划着划着有几张图片是白图（加载不出来），越往下划出现的概率越大，而且这个问题只有 iOS 上才出现，Android 是正常的。首先我问他会不会是...

39,083

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章