this.moveTo(100, 100); this.lineTo(100, 200); this.quadraticCurveTo(150, 250, 200, 200); this.closePath(); this.fillStyle = '#0000ff'; this.globalAlpha = .5; this.fill(); this.strokeStyle = '#ffff00'; this.lineWidth = 5; this.stroke(); var g = this.createRadialGradient(100, 100, .7, 200, 200, 100); this.globalAlpha = 0; g.addColorStop(0, '#000000'); this.globalAlpha = 1; g.addColorStop(1, '#ffffff'); this.fillStyle = g; this.fill(); this.strokeStyle = 0x000000; this.lineWidth = 0; this.stroke(); this.beginPath(); this.lineTo(75, 0); this.lineTo(75, 75); this.lineTo(0, 75); this.lineTo(0, 0); this.closePath(); var g = this.createLinearGradient(0,0,75,75) this.globalAlpha = 0; g.addColorStop(0, '#000000'); this.globalAlpha = 1; g.addColorStop(1, '#ffffff'); this.fillStyle = g; this.fill(); this.beginPath(); this.arc(100, 100, 50, 0, 90); this.oval(20, 120, 10); this.oval(75, 120, 10, 40); this.rect(10, 30, 30, 50); this.rect(10, 150, 50, 40, 10); this.stroke(); this.closePath(); this.beginPath(); this.moveTo(75,40); this.bezierCurveTo(75,37,70,25,50,25); this.bezierCurveTo(20,25,20,62.5,20,62.5); this.bezierCurveTo(20,80,40,102,75,120); this.bezierCurveTo(110,102,130,80,130,62.5); this.bezierCurveTo(130,62.5,130,25,100,25); this.bezierCurveTo(85,25,75,37,75,40); this.fill(); if (! this.context) return; this.clear(); this.drawImage('alphapng', 100, 100, 100, 20, this.angle * (Math.PI / 180)); this.animate('angle', 180, 2000, true); if (this.isinited) this.clear();