dcv

最新推荐文章于 2024-05-15 18:06:31 发布

weixin_44346827

最新推荐文章于 2024-05-15 18:06:31 发布

阅读量392

点赞数

分类专栏： h5

本文链接：https://blog.csdn.net/weixin_44346827/article/details/90642198

版权

h5 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>画一个矩形</title>
	<style type="text/css">
		canvas{
			border: 1px red solid;
		}
	</style>
</head>
<body>
	<canvas height="500" width="500"></canvas>

</body>
<script type="text/javascript">
	var canvas=document.querySelector("canvas");
	var ctx=canvas.getContext('2d');
	ctx.rect(100,50,50,80);
	ctx.stroke();
	//ctx.clearRect(0,0,500,500);//清楚
	//实线动画效果；
	//1.先清屏；
	//2.绘制图形
	//3.处理变量；
	//ctx.strokeText("dslnv",200,300)修改文本；
	//ctx.fillText("snsdlk",100,200)文本；
	//ctx.shadowColor="yellow" 阴影部分；
	//ctx.font
</script>
</html>