html5canvas的宽高有大小限制吗?

发布网友发布时间：2022-04-19 23:41

共3个回答

热心网友时间：2022-04-20 01:10

没有大小*

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>

热心网友时间：2022-04-20 02:28

canvas的大小有*，而且浏览器或者设备不同，其*还不一样。html5没有对canvas的宽高做*。一般都是先定义好了canvas的宽高再绘图的吧，要是出现问题应该就是绘图区域超过了定义好的舞台的宽高了。

热心网友时间：2022-04-20 04:03

HTML5 Canvas的默认宽度是300px、高度是150px。你可以通过document获取当时浏览器的大小，赋值给canvas。