星 |
ctx.beginPath();// 描画設定開始 ctx.lineWidth = 2; ctx.moveTo(85,0); ctx.lineTo(65, 62); ctx.lineTo(5, 60); ctx.lineTo(53,95); ctx.lineTo(31,158); ctx.lineTo(84,119); ctx.lineTo(138,159); ctx.lineTo(116,96); ctx.lineTo(164,59); ctx.lineTo(104,61); ctx.closePath(); ctx.fillStyle = "#ffff33"; ctx.strokeStyle = '#FFD700'; ctx.fill(); ctx.stroke(); |
星の回転 |
ctx.save();// 描画パラメータ保存 ctx.beginPath();// 描画設定開始 //ctx.lineWidth = 2; ctx.fillStyle = "#ffff33"; ctx.rotate(20 * Math.PI / 180); ctx.moveTo(85,0); ctx.lineTo(65, 62); ctx.lineTo(5, 60); ctx.lineTo(53,95); ctx.lineTo(31,158); ctx.lineTo(84,119); ctx.lineTo(138,159); ctx.lineTo(116,96); ctx.lineTo(164,59); ctx.lineTo(104,61); ctx.closePath(); ctx.fill(); }; |