<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<script>
function arcv(){
var can = document.getElementById("can");
if(can == null){
return false;
}
var getCon = can.getContext("2d");
getCon.fillStyle = "#eeeeef";
getCon.fillRect(0,0,600,600);
for(var i= 0; i <= 8; i++){
getCon.beginPath();
getCon.arc(100,80,i*8,0,2*Math.PI);
getCon.closePath();
getCon.fillStyle = "rgba(255,0,0,0.25)";
getCon.fill();
}
}
</script>
<body onload="arcv()">
<canvas id="can" style="width: 600px; height:600px;"></canvas>
</body>
</html>出来就是这种了，帮我看看吧？
1 回答
已采纳
qq_青枣工作室_0
TA贡献446条经验 获得超754个赞
canvas的长宽不要用style来定义的。要直接指定width和height属性的。
<canvas id="can" width="600" height="600">/canvas>
添加回答
举报
0/150
提交
取消