1. 程式人生 > >H5用畫布繪製一個簡單的五角星

H5用畫布繪製一個簡單的五角星

canvas id=”can” width=”500” height=”500” style=”border:1px solid red”>

var can=document.getElementById(‘can’); var ctx=can.getContext(‘2d’);

ctx.beginPath(); 五個點的位置 ctx.moveTo(100,100); ctx.lineTo(159,281); ctx.lineTo(5,169); ctx.lineTo(195,169); ctx.lineTo(41,281); ctx.fill(); ctx.stroke(); ctx.closePath();