canvas画布--绘制等腰三角形

moveTo由move + to两个单词构成，是将某一个"东西"移到指定位置。

把画笔移动到画纸的适当位置。然后从这个起笔点，开始进行随心所欲的绘制图形。

moveTo()方法 将子路径的起始位置设置在坐标某个处。 

再结合lineTo方法绘制一条直线。

绘制等腰三角形

<canvas id="mycan" style="border: 6px solid green;"></canvas>

绘制前思路

脚本

<script type="text/javascript">
	var mycan = document.getElementById("mycan");
	mycan.width = 900;
	mycan.height = 900;
	
	var ctx = mycan.getContext("2d");

	//画一个三角形
	ctx.beginPath();
	//计算等边三角形的高
	var height = 400*Math.sin(Math.PI/3);
	console.log(height);
	//从A（400,10）开始
	ctx.moveTo(400,10); 
	//从A(400,10)开始，画到B(10,346)结束
	ctx.lineTo(0,height);
	//B(10,346)-C(800,346)
	ctx.lineTo(800,height);
	//以纯色绿色填充
	ctx.fillStyle='#00ff00';
	//闭合形状并且以填充方式绘制出来
	ctx.fill(); 
	
	//绘制完成关闭路径
	ctx.closePath();
</script>

效果