前端之家收集整理的这篇文章主要介绍了
canvas 画布在主流浏览器中的尺寸限制详细介绍,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
canvas 画布在主流浏览器中的尺寸限制详细介绍
通过测试发现,canvas在不同浏览器下面有不同的最大尺寸限制。
大家都知道,canvas有自身的width,height属性来控制尺寸,用css的width,height,控制显示的大小。可以理解为canvas就是一个img,属性的width,height就是这个img的原图像素大小。但在各浏览器下,设置canvas尺寸时发现有最大尺寸限制。测试一下与大家分享。
测试代码
<
Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<
Meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">