阅读背景:

【Html5每日练习】canvas笑脸

来源:互联网 

在某个论坛游荡的时候,看到一个笑脸图样,就用canvas写了一个,代码如下


<html lang="en-US">
<canvas id=myCanvas width=200px height=200px></canvas>

<script>
	var myCanvas = document.getElementById("myCanvas");
	var context = myCanvas.getContext("2d");
	
	context.strokeStyle = "blue";
	context.lineWidth = 5;
	context.strokeRect(0,0,200,200);
	//context.closePath();

	//context.beginPath();
	context.strokeStyle = "red";
	context.lineWidth = 2;
	context.arc(100,100,60,0,2*Math.PI,true);
	context.moveTo(140,100);
	context.arc(100,100,40,0,Math.PI,false);
	context.moveTo(85,80);
	context.arc(80,80,5,0,2*Math.PI,true);
	context.moveTo(125,80);
	context.arc(120,80,5,0,2*Math.PI,true);
	context.stroke();
</script>
</html><



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: