html5canvas的宽高有大小限制吗?
2016-01-23 · 知道合伙人互联网行家
关注
展开全部
没有大小限制
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
画布是一个矩形区域,您可以控制其每一像素。
小案例:canvas绘制渐变
<!DOCTYPE HTML>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
var grd=cxt.createLinearGradient(0,0,175,50);
grd.addColorStop(0,"#FF0000");
grd.addColorStop(1,"#00FF00");
cxt.fillStyle=grd;
cxt.fillRect(0,0,175,50);
</script>
</body>
</html>
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
画布是一个矩形区域,您可以控制其每一像素。
小案例:canvas绘制渐变
<!DOCTYPE HTML>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
var grd=cxt.createLinearGradient(0,0,175,50);
grd.addColorStop(0,"#FF0000");
grd.addColorStop(1,"#00FF00");
cxt.fillStyle=grd;
cxt.fillRect(0,0,175,50);
</script>
</body>
</html>
展开全部
canvas的大小有限制,而且浏览器或者设备不同,其限制还不一样。html5没有对canvas的宽高做限制。一般都是先定义好了canvas的宽高再绘图的吧,要是出现问题应该就是绘图区域超过了定义好的舞台的宽高了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2015-12-25 · 知道合伙人互联网行家
关注
展开全部
HTML5 Canvas的默认宽度是300px、高度是150px。你可以通过document获取当时浏览器的大小,赋值给canvas。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询