canvas文本操作

canvas id="canvas" width="900" height="500"></canvas>
		<script type="text/javascript">
			//获得画板
			var c=document.getElementById("canvas");
			//获得绘画环境
			//ps:线条样式在fillText和strokeText之前声明
			var cv=c.getContext('2d');
//			cv.font="80px 华文彩云";
//			cv.fillStyle='yellow';
//			cv.fillText('十月梦想,梦想起航',150,200,1000);
//			
//			cv.fill();
			//空心文本操作
			cv.font="40px 隶书";
			cv.strokeStyle='greenyellow';
			cv.strokeText('十月梦想,2018梦想起航',10,80,1000);
			cv.stroke();
		</script>

<canvas id="canvas" width="900" height="500"></canvas>
		<script type="text/javascript">
			//获得画板
			var c=document.getElementById("canvas")
			//获得绘画环境
			var cv=c.getContext('2d');
			//绘制参考线
//			水平线
			cv.beginPath();//开启路径
			cv.strokeStyle='white';
			cv.lineWidth=3;
			cv.moveTo(0,300);
			cv.lineTo(900,300);
			cv.stroke();
			//垂直线,
			cv.beginPath();//开启路径
			cv.strokeStyle='white';
			cv.lineWidth=3;
			cv.moveTo(300,0);
			cv.lineTo(300,500);
			cv.stroke();
			//文字属性设置
			cv.font="35px 宋体";
			cv.fillStyle="aqua";
			cv.textAlign='center';//基线在文字的什么位置,lift,中间,right默认left
			cv.textBaseline="buttom";//基线在文字的上,下,中间,默认bottom
			cv.fillText('突如其来的装逼让我无法呼!',300,300,1000);
			cv.fill();
		
			
		</script>