Canvas绘制矩形
CSS部分：
<style type="text/css">
#mycanvas{
border:1px solid black;
}
</style>
JavaScript部分：
<body>
<canvas id="mycanvas" width="500" height="500"></canvas>
<script type="text/javascript">
var mycanvas=document.getElementById("mycanvas");
var content=mycanvas.getContext("2d");
content.beginPath();
//绘制实心矩形
content.fillStyle="pink";
//x轴 y轴 width height
content.fillRect(200,200,200,200);
//绘制空心矩形
content.strokeStyle="blue";
content.lineWidth=10;
content.strokeRect(20,10,150,120);
content.fill();
content.closePath();
</script>
</body>
382
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
