HTML5 中用CANVAS画一个五角星

jackyrong

HTML5 中用CANVAS画一个五角星,代码如下:
<script type="text/javascript">function init() {  var ctx = document.getElementById('stars').getContext('2d');  ctx.fillStyle = "#827839";  ctx.shadowColor="#000000";  ctx.shadowOffsetX=6;  ctx.shadowOffsetY=6;  ctx.shadowBlur=9;  ctx.beginPath();  ctx.moveTo(15, 150);  ctx.lineTo(100,140);  ctx.lineTo(170,90);  ctx.lineTo(230,140);  ctx.lineTo(315,150);  ctx.lineTo(230,200);  ctx.lineTo(300,263);  ctx.lineTo(170,233);  ctx.lineTo(30,263);  ctx.lineTo(100,200);  ctx.closePath();  ctx.fill();}window.addEventListener('load', init, false);</script><canvas id="stars" width="333" height="300">Your browser does not support the canvas element .</canvas>