[Canvas]1-1Hello canvas

最新推荐文章于 2024-01-30 14:36:12 发布

Pinckney_Emiya

最新推荐文章于 2024-01-30 14:36:12 发布

阅读量241

点赞数

分类专栏： canvas

本文链接：https://blog.csdn.net/xujunxuan/article/details/72770866

版权

canvas 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<style>
			body{
				background:#dddddd;
			}
			#canvas{
				margin:10px;
				padding:10px;
				background: #ffffff;
				border:thin inset #aaaaaa;
			}
		</style>
	</head>

	<body>
		<canvas id="canvas" width='600' heihgt='300'>
			Canvas not supported
		</canvas>

		<script type="text/javascript" src="example.js"></script>
	</body>
</html>

1-1.html

var  canvas=document.getElementById("canvas");
var context=canvas.getContext('2d');

context.font='32pt Arial';
context.fillStyle='cornflowerblue';
context.strokeStyle='red';
context.fillText('Hello Canvas',canvas.width/2-150,canvas.height/2+15);
context.strokeText('Hello Canvas',canvas.width/2-150,canvas.height/2+15);

example.js