Canvas 第六章 文字（不需要创建路径）

第六章 文字

<canvas id="canvas" height="600" width="600"></canvas>
		<script>
			var elem=document.getElementById("canvas");
			var canvas=elem.getContext("2d");
//			
//			canvas.beginPath();
//			canvas.moveTo(100,0);
//			canvas.lineTo(100,500);
//			canvas.closePath();
//			
//			canvas.stroke();
//			
//			
//			canvas.font="bold 24px 黑体";
//			//canvas.textAlign="right";
//			canvas.textAlign="center";
//			canvas.fillText("文字",100,100);
//			//canvas.strokeText("文字",100,100);
			
			
//			canvas.beginPath();
//			canvas.moveTo(0,100);
//			canvas.lineTo(500,100);
//			canvas.closePath();		
//			canvas.stroke();
			
			canvas.font="bold 24px 黑体";
			canvas.textBaseli
			ne="top";
			canvas.textBaseline="hanging";
			canvas.fillText("文字",100,100);
			
			var size=canvas.measureText("文字");
			canvas.strokeRect(100,93,size.width,32);

		</script>