def onClickText(self, sender):
self.chart.run = False
# several text examples
# size/font/orientation/alignment
# gradients...
self.canvas.saveContext()
self.canvas.clear()
self.canvas.setFillStyle(Color.Color("#FFF"))
self.canvas.fillText("Simple Text", 10, 10)
self.canvas.saveContext()
#self.canvas.setFont("bold 12px sans-serif")
self.canvas.setFillStyle(Color.Color("#00F"))
self.canvas.fillText("Changed Font Text", 10, 30)
self.canvas.restoreContext()
self.canvas.saveContext()
self.canvas.translate(100, 100)
self.canvas.saveContext()
self.canvas.rotate(45.0 * (math.pi / 180))
self.canvas.fillText("CW 45d Rotated Text", 0, 0)
self.canvas.restoreContext()
self.canvas.rotate(90.0 * (math.pi / 180))
self.canvas.fillText("CW 90d Rotated Text", 0, 0)
self.canvas.restoreContext()
self.canvas.restoreContext()
def onClickBezier(self, sender):
self.chart.run = False
self.canvas.saveContext()
self.canvas.clear()
self.canvas.translate(30, 70)
self.canvas.setFillStyle(Color.Color("#f00"))
self.canvas.setStrokeStyle(Color.Color("#0f0"))
self.canvas.setLineWidth(2)
self.canvas.beginPath()
self.canvas.moveTo(75, 25)
self.canvas.quadraticCurveTo(25, 25, 25, 62.5)
self.canvas.quadraticCurveTo(25, 100, 50, 100)
self.canvas.quadraticCurveTo(50, 120, 30, 125)
self.canvas.quadraticCurveTo(60, 120, 65, 100)
self.canvas.quadraticCurveTo(125, 100, 125, 62.5)
self.canvas.quadraticCurveTo(125, 25, 75, 25)
self.canvas.stroke()
self.canvas.translate(140, 0)
self.canvas.beginPath()
self.canvas.moveTo(75, 40)
self.canvas.cubicCurveTo(75, 37, 70, 25, 50, 25)
self.canvas.cubicCurveTo(20, 25, 20, 62.5, 20, 62.5)
self.canvas.cubicCurveTo(20, 80, 40, 102, 75, 120)
self.canvas.cubicCurveTo(110, 102, 130, 80, 130, 62.5)
self.canvas.cubicCurveTo(130, 62.5, 130, 25, 100, 25)
self.canvas.cubicCurveTo(85, 25, 75, 37, 75, 40)
self.canvas.fill()
self.canvas.restoreContext()
def onClickColours(self, sender):
self.chart.run = False
self.canvas.saveContext()
self.canvas.clear()
self.canvas.translate(20, 20)
self.canvas.setFillStyle(Color.Color(255, 165, 0))
self.canvas.setStrokeStyle(Color.Color("#FFA500"))
for i in range(6):
for j in range(6):
self.canvas.setFillStyle(
Color.Color(int(math.floor(255 - 42.5 * i)),
int(math.floor(255 - 42.5 * j)), 0))
self.canvas.fillRect(j * 25, i * 25, 25, 25)
self.canvas.translate(160, 160)
for i in range(6):
for j in range(6):
self.canvas.setStrokeStyle(
Color.Color(0, int(math.floor(255 - 42.5 * i)),
int(math.floor(255 - 42.5 * j))))
self.canvas.beginPath()
self.canvas.arc(12.5 + j * 25, 12.5 + i * 25, 10, 0,
(math.pi * 2), True)
self.canvas.stroke()
self.canvas.restoreContext()
def onClickPaths(self, sender):
self.chart.run = False
self.canvas.saveContext()
self.canvas.clear()
self.canvas.translate(30, 30)
self.canvas.setFillStyle(Color.Color("#fff"))
self.canvas.setStrokeStyle(Color.Color("#fff"))
self.canvas.beginPath()
self.canvas.moveTo(25, 25)
self.canvas.lineTo(105, 25)
self.canvas.lineTo(25, 105)
self.canvas.closePath()
self.canvas.fill()
self.canvas.beginPath()
self.canvas.moveTo(125, 125)
self.canvas.lineTo(125, 45)
self.canvas.lineTo(45, 125)
self.canvas.closePath()
self.canvas.stroke()
self.canvas.beginPath()
self.canvas.moveTo(265, 265)
self.canvas.lineTo(165, 265)
self.canvas.lineTo(265, 165)
self.canvas.lineTo(265, 265)
self.canvas.fillRect(25, 165, 100, 100)
self.canvas.setFillStyle(Color.BLACK)
self.canvas.fillRect(45, 185, 60, 60)
self.canvas.strokeRect(50, 190, 50, 50)
self.canvas.rect(165, 25, 100, 100)
self.canvas.stroke()
self.canvas.restoreContext()
def onClickCompositing(self, sender):
self.chart.run = False
self.canvas.saveContext()
self.canvas.clear()
self.canvas.translate(40, 40)
self.canvas.setFillStyle(Color.Color("#f00"))
self.canvas.fillRect(75, 50, 100, 100)
self.canvas.setGlobalCompositeOperation(GWTCanvasConsts.DESTINATION_OVER)
self.canvas.setFillStyle(Color.Color("#0f0"))
self.canvas.fillRect(110, 110, 100, 100)
self.canvas.setGlobalCompositeOperation(GWTCanvasConsts.SOURCE_OVER)
self.canvas.setFillStyle(Color.Color("#00f"))
self.canvas.fillRect(40, 85, 100, 100)
self.canvas.restoreContext()
def onClickTranslate(self, sender):
self.chart.run = False
color = [Color.Color("#fc0"), Color.Color("#0cf"), Color.Color("#cf0")]
self.canvas.saveContext()
self.canvas.clear()
self.canvas.translate(25, 25)
for i in range(3):
for j in range(3):
self.canvas.setStrokeStyle(color[j])
self.canvas.saveContext()
self.canvas.translate(50 + j * 100, 50 + i * 100)
self.chart.drawSpirograph(2000, 20.0 * (j + 2) / (j + 1),
-8.0 * (i + 3) / (i + 1), 10.0)
self.canvas.restoreContext()
self.canvas.restoreContext()
def onClickScale(self, sender):
self.chart.run = False
self.canvas.saveContext()
self.canvas.clear()
self.canvas.translate(25, 25)
self.canvas.setStrokeStyle(Color.Color("#fc0"))
self.canvas.setLineWidth(1.5)
self.canvas.saveContext()
self.canvas.translate(50, 50)
self.chart.drawSpirograph(2000, 22, 6, 5)
self.canvas.translate(100, 0)
self.canvas.scale(0.75, 0.75)
self.chart.drawSpirograph(2000, 22, 6, 5)
self.canvas.translate(133.333, 0)
self.canvas.scale(0.75, 0.75)
self.chart.drawSpirograph(2000, 22, 6, 5)
self.canvas.restoreContext()
self.canvas.setStrokeStyle(Color.Color("#0cf"))
self.canvas.saveContext()
self.canvas.translate(50, 150)
self.canvas.scale(1, 0.75)
self.chart.drawSpirograph(2000, 22, 6, 5)
self.canvas.translate(100, 0)
self.canvas.scale(1, 0.75)
self.chart.drawSpirograph(2000, 22, 6, 5)
self.canvas.translate(100, 0)
self.canvas.scale(1, 0.75)
self.chart.drawSpirograph(2000, 22, 6, 5)
self.canvas.restoreContext()
self.canvas.setStrokeStyle(Color.Color("#cf0"))
self.canvas.saveContext()
self.canvas.translate(50, 250)
self.canvas.scale(0.75, 1)
self.chart.drawSpirograph(2000, 22, 6, 5)
self.canvas.translate(133.333, 0)
self.canvas.scale(0.75, 1)
self.chart.drawSpirograph(2000, 22, 6, 5)
self.canvas.translate(177.777, 0)
self.canvas.scale(0.75, 1)
self.chart.drawSpirograph(2000, 22, 6, 5)
self.canvas.restoreContext()
self.canvas.restoreContext()
def draw(self):
self.setFillStyle(Color.Color('#000'))
self.fillRect(0, 0, self.width, self.height)
for a in self.model.asteroids:
self.draw_asteroid(a)
for s in self.model.shots:
self.draw_shot(s)
self.draw_ship(self.model.ship)
def onClickTrans(self, sender):
self.chart.run = False
self.canvas.saveContext()
self.canvas.clear()
self.canvas.translate(20, 180)
self.canvas.setFillStyle(Color.Color("rgb(255,221,0)"))
self.canvas.fillRect(0, 0, 150, 37.5)
self.canvas.setFillStyle(Color.Color("rgb(102,204,0)"))
self.canvas.fillRect(0, 37.5, 150, 37.5)
self.canvas.setFillStyle(Color.Color("rgb(0,153,255)"))
self.canvas.fillRect(0, 75, 150, 37.5)
self.canvas.setFillStyle(Color.Color("rgb(255,51,0)"))
self.canvas.fillRect(0, 112.5, 150, 37.5)
for i in range(10):
self.canvas.setFillStyle(Color.Color("rgba(255,255,255,%f)" %
((i + 1) / 10.0)))
for j in range(4):
self.canvas.fillRect(5 + i * 14.0, 5 + j * 37.5, 14, 27.5)
self.canvas.restoreContext()
self.canvas.saveContext()
self.canvas.translate(180, 20)
self.canvas.setGlobalAlpha(1.0)
self.canvas.setFillStyle(Color.Color("#FD0"))
self.canvas.fillRect(0, 0, 75, 75)
self.canvas.setFillStyle(Color.Color("#6C0"))
self.canvas.fillRect(75, 0, 75, 75)
self.canvas.setFillStyle(Color.Color("#09F"))
self.canvas.fillRect(0, 75, 75, 75)
self.canvas.setFillStyle(Color.Color("#F30"))
self.canvas.fillRect(75, 75, 75, 75)
self.canvas.setFillStyle(Color.Color("#FFF"))
self.canvas.setGlobalAlpha(0.2)
for i in range(7):
self.canvas.beginPath()
self.canvas.arc(75, 75, 10 + (10 * i), 0, (math.pi * 2), True)
self.canvas.fill()
self.canvas.restoreContext()
def onClickArcs(self, sender):
self.chart.run = False
self.canvas.saveContext()
self.canvas.clear()
self.canvas.translate(30, 70)
self.canvas.setFillStyle(Color.Color("#f0f"))
self.canvas.setStrokeStyle(Color.Color("#0ff"))
self.canvas.setLineWidth(2)
for i in range(4):
for j in range(3):
self.canvas.beginPath()
x = 25 + j * 50
y = 25 + i * 50
radius = 20
startAngle = 0
endAngle = (math.pi + (math.pi * j) / 2)
anticlockwise = (i % 2 == 0) and False or True
self.canvas.arc(x, y, radius, startAngle, endAngle, anticlockwise)
if i > 1:
self.canvas.fill()
else:
self.canvas.stroke()
self.canvas.translate(160, 20)
self.canvas.setStrokeStyle(Color.Color("#ff0"))
self.canvas.setLineWidth(4)
self.canvas.beginPath()
self.canvas.arc(75, 75, 50, 0, (math.pi * 2), True)
self.canvas.moveTo(110, 75)
self.canvas.arc(75, 75, 35, 0, math.pi, False)
self.canvas.moveTo(65, 65)
self.canvas.arc(60, 65, 5, 0, (math.pi * 2), True)
self.canvas.moveTo(95, 65)
self.canvas.arc(90, 65, 5, 0, (math.pi * 2), True)
self.canvas.stroke()
self.canvas.restoreContext()
def onTimer(self, t=None):
Timer(int(1000 / FPS), self)
if not self.run:
return
self.advance()
self.draw()
return
self.saveContext()
self.clear()
self.translate(30, 30)
self.setFillStyle(Color.Color("#fff"))
self.setStrokeStyle(Color.Color("#fff"))
self.beginPath()
self.moveTo(25, 25)
self.lineTo(105, 25)
self.lineTo(25, 105)
self.closePath()
self.fill()
self.beginPath()
self.moveTo(125, 125)
self.lineTo(125, 45)
self.lineTo(45, 125)
self.closePath()
self.stroke()
self.beginPath()
self.moveTo(265, 265)
self.lineTo(165, 265)
self.lineTo(265, 165)
self.lineTo(265, 265)
self.fillRect(25, 165, 100, 100)
self.setFillStyle(Color.BLACK)
self.fillRect(45, 185, 60, 60)
self.strokeRect(50, 190, 50, 50)
self.rect(165, 25, 100, 100)
self.stroke()
self.restoreContext()
def onClickRotate(self, sender):
self.chart.run = False
self.canvas.saveContext()
self.canvas.clear()
self.canvas.translate(175, 175)
self.canvas.scale(1.6, 1.6)
for i in range(1, 6):
self.canvas.saveContext()
self.canvas.setFillStyle(Color.Color("rgb(%d,%d,255)" % \
(51 * i, 255 - 51 * i)))
for j in range(i * 6):
self.canvas.rotate((math.pi * 2 / (i * 6)))
self.canvas.beginPath()
self.canvas.arc(0, i * 12.5, 5, 0, (math.pi * 2), True)
# self.canvas.rect(0,i*12.5,5,5)
self.canvas.fill()
self.canvas.restoreContext()
self.canvas.restoreContext()
def draw(self):
#if not self.loader.isLoaded():
# return
self.setFillStyle(Color.Color('#000'))
self.fillRect(0, 0, self.width, self.height)
for a in self.asteroids:
a.draw()
for s in self.shots:
s.draw(self)
self.saveContext()
self.translate(self.xx, self.yy)
self.rotate(self.rot)
if self.key_up:
img = self.ship_thrust
else:
img = self.ship
self.drawImage(img, -15, -12)
self.restoreContext()
def onClickLines(self, sender):
self.chart.run = False
self.canvas.saveContext()
self.canvas.clear()
self.canvas.scale(0.9, 0.9)
self.canvas.translate(30, 40)
self.canvas.saveContext()
self.canvas.setStrokeStyle(Color.Color("#9CFF00"))
for i in range(10):
self.canvas.setLineWidth(1 + i)
self.canvas.beginPath()
self.canvas.moveTo(5 + i * 14, 5)
self.canvas.lineTo(5 + i * 14, 140)
self.canvas.stroke()
self.canvas.restoreContext()
self.canvas.saveContext()
self.canvas.translate(0, 170)
self.canvas.setStrokeStyle(Color.Color("#09f"))
self.canvas.setLineWidth(2)
self.canvas.beginPath()
self.canvas.moveTo(10, 10)
self.canvas.lineTo(140, 10)
self.canvas.moveTo(10, 140)
self.canvas.lineTo(140, 140)
self.canvas.stroke()
self.canvas.setStrokeStyle(Color.Color("#9CFF00"))
self.canvas.setLineWidth(15)
self.canvas.setLineCap(GWTCanvasConsts.BUTT)
self.canvas.beginPath()
self.canvas.moveTo(25, 10)
self.canvas.lineTo(25, 140)
self.canvas.stroke()
self.canvas.setLineCap(GWTCanvasConsts.ROUND)
self.canvas.beginPath()
self.canvas.moveTo(75, 10)
self.canvas.lineTo(75, 140)
self.canvas.stroke()
self.canvas.setLineCap(GWTCanvasConsts.SQUARE)
self.canvas.beginPath()
self.canvas.moveTo(125, 10)
self.canvas.lineTo(125, 140)
self.canvas.stroke()
self.canvas.restoreContext()
self.canvas.saveContext()
self.canvas.translate(170, 0)
self.canvas.setStrokeStyle(Color.Color("#9CFF00"))
self.canvas.setLineWidth(10)
self.canvas.setLineJoin(GWTCanvasConsts.ROUND)
self.canvas.beginPath()
self.canvas.moveTo(-5, 5)
self.canvas.lineTo(35, 45)
self.canvas.lineTo(75, 5)
self.canvas.lineTo(115, 45)
self.canvas.lineTo(155, 5)
self.canvas.stroke()
self.canvas.setLineJoin(GWTCanvasConsts.BEVEL)
self.canvas.beginPath()
self.canvas.moveTo(-5, 5 + 40)
self.canvas.lineTo(35, 45 + 40)
self.canvas.lineTo(75, 5 + 40)
self.canvas.lineTo(115, 45 + 40)
self.canvas.lineTo(155, 5 + 40)
self.canvas.stroke()
self.canvas.setLineJoin(GWTCanvasConsts.MITER)
self.canvas.beginPath()
self.canvas.moveTo(-5, 5 + 80)
self.canvas.lineTo(35, 45 + 80)
self.canvas.lineTo(75, 5 + 80)
self.canvas.lineTo(115, 45 + 80)
self.canvas.lineTo(155, 5 + 80)
self.canvas.stroke()
self.canvas.restoreContext()
self.canvas.saveContext()
self.canvas.translate(170, 170)
self.canvas.setStrokeStyle(Color.Color("#09f"))
self.canvas.setLineWidth(2)
self.canvas.strokeRect(-5, 50, 160, 50)
self.canvas.setStrokeStyle(Color.Color("#9CFF00"))
self.canvas.setLineWidth(10)
self.canvas.setMiterLimit(10)
self.canvas.beginPath()
self.canvas.moveTo(0, 100)
for i in range(19):
if i % 2 == 0:
dy = 25.0
else:
dy = -25.0
self.canvas.lineTo((math.pow(i, 1.5) * 2.0), 75 + dy)
self.canvas.stroke()
self.canvas.restoreContext()
self.canvas.restoreContext()
from pyjamas.ui.Image import Image
import math
import pygwt
import random
NUM_ASTEROIDS = 2
FPS = 30
ROTATE_SPEED_PER_SEC = math.pi
ROTATE_SPEED = ROTATE_SPEED_PER_SEC / FPS
FRICTION = 0.05
THRUST = 0.2
SPEED_MAX = 10
MAX_ASTEROID_SPEED = 2.0
SHOT_LIFESPAN = 60
SHOT_COLOR = Color.Color('#fff')
SHOT_SPEED = 7.0
SHOT_DELAY = 10
ASTEROID_RADIUS = 45.0
ASTEROID_IMAGE_SIZE = 180.0
ASTEROID_SIZES = [90.0, 45.0, 22.0, 11.0]
def randfloat(absval):
return (random.random() * (2 * absval) - absval)
def distsq(x1, y1, x2, y2):
return ((x1 - x2) * (x1 - x2)) + ((y1 - y2) * (y1 - y2))
def onClickGradients(self, sender):
self.chart.run = False
# several gradient examples
# dark to light to dark
# linear/radial
# different colors
self.canvas.saveContext()
self.canvas.clear()
fillLG_0 = self.canvas.createLinearGradient(0, 0, 400, 400)
fillLG_0.addColorStop(0.0, Color.Color("#100000"))
fillLG_0.addColorStop(1.0, Color.Color("#F01010"))
self.canvas.setFillStyle(fillLG_0)
self.canvas.fillRect(0, 0, 400, 400)
# note the difference in coordinate specifications
# the linear gradient is a line running from x0,y0 to x1,y1
# while the fillRect is startX,startY,width,height
# this allows for some interesting effects but requires you
# to be awake when using them
fillLG_1H = self.canvas.createLinearGradient(20, 0, 120, 0)
fillLG_1H.addColorStop(0.0, Color.Color("#101010"))
fillLG_1H.addColorStop(0.35, Color.Color("#f0f0f0"))
fillLG_1H.addColorStop(0.65, Color.Color("#f0f0f0"))
fillLG_1H.addColorStop(1.0, Color.Color("#101010"))
self.canvas.setFillStyle(fillLG_1H)
self.canvas.fillRect(20, 20, 100, 20)
fillLG_1V = self.canvas.createLinearGradient(140, 20, 140, 40)
fillLG_1V.addColorStop(0.0, Color.Color("#101010"))
fillLG_1V.addColorStop(0.35, Color.Color("#f0f0f0"))
fillLG_1V.addColorStop(0.65, Color.Color("#f0f0f0"))
fillLG_1V.addColorStop(1.0, Color.Color("#101010"))
self.canvas.setFillStyle(fillLG_1V)
self.canvas.fillRect(140, 20, 100, 20)
fillLG_C1 = self.canvas.createLinearGradient(20, 0, 120, 0)
fillLG_C1.addColorStop(0.0, Color.Color("#001000"))
fillLG_C1.addColorStop(0.35, Color.Color("#00f000"))
fillLG_C1.addColorStop(0.35, Color.Color("#f0f0f0"))
fillLG_C1.addColorStop(0.65, Color.Color("#f0f0f0"))
fillLG_C1.addColorStop(0.65, Color.Color("#0000f0"))
fillLG_C1.addColorStop(1.0, Color.Color("#000010"))
self.canvas.setFillStyle(fillLG_C1)
self.canvas.fillRect(20, 50, 100, 20)
fillLG_C1V = self.canvas.createLinearGradient(140, 50, 140, 70)
fillLG_C1V.addColorStop(0.0, Color.Color("#001000"))
fillLG_C1V.addColorStop(0.35, Color.Color("#00f000"))
fillLG_C1V.addColorStop(0.35, Color.Color("#f0f0f0"))
fillLG_C1V.addColorStop(0.65, Color.Color("#f0f0f0"))
fillLG_C1V.addColorStop(0.65, Color.Color("#0000f0"))
fillLG_C1V.addColorStop(1.0, Color.Color("#000010"))
self.canvas.setFillStyle(fillLG_C1V)
self.canvas.fillRect(140, 50, 100, 20)
fillLG_C2 = self.canvas.createLinearGradient(20, 0, 120, 0)
fillLG_C2.addColorStop(0.0, Color.Color("#001000"))
fillLG_C2.addColorStop(0.35, Color.Color("#00f000"))
fillLG_C2.addColorStop(0.5, Color.Color("#f0f0f0"))
fillLG_C2.addColorStop(0.65, Color.Color("#0000f0"))
fillLG_C2.addColorStop(1.0, Color.Color("#000010"))
self.canvas.setFillStyle(fillLG_C2)
self.canvas.fillRect(20, 80, 100, 20)
fillLG_C2V = self.canvas.createLinearGradient(140, 80, 140, 100)
fillLG_C2V.addColorStop(0.0, Color.Color("#001000"))
fillLG_C2V.addColorStop(0.35, Color.Color("#00f000"))
fillLG_C2V.addColorStop(0.5, Color.Color("#f0f0f0"))
fillLG_C2V.addColorStop(0.65, Color.Color("#0000f0"))
fillLG_C2V.addColorStop(1.0, Color.Color("#000010"))
self.canvas.setFillStyle(fillLG_C2V)
self.canvas.fillRect(140, 80, 100, 20)
fillLG_C3 = self.canvas.createLinearGradient(45, 0, 145, 20)
fillLG_C3.addColorStop(0.0, Color.Color("#001000"))
fillLG_C3.addColorStop(0.35, Color.Color("#00f000"))
fillLG_C3.addColorStop(0.5, Color.Color("#f0f0f0"))
fillLG_C3.addColorStop(0.65, Color.Color("#0000f0"))
fillLG_C3.addColorStop(1.0, Color.Color("#000010"))
self.canvas.setFillStyle(fillLG_C3)
self.canvas.fillRect(20, 110, 100, 20)
# DRAW SOME RADIAL GRADIENTS
# Demos copied from GradientsDemo for testing
self.canvas.saveContext()
self.canvas.translate(150, 150)
radgrad = self.canvas.createRadialGradient(45, 45, 10, 52, 50, 30)
radgrad.addColorStop(0, Color.Color("#A7D30C"))
radgrad.addColorStop(0.5, Color.Color("#019F62"))
radgrad.addColorStop(1, Color.Color("rgba(1,159,98,0)"))
"""
radgrad2 = self.canvas.createRadialGradient(105, 105, 20, 112, 120, 50)
radgrad2.addColorStop(0, Color.Color("#FF5F98"))
radgrad2.addColorStop(0.75, Color.Color("#FF0188"))
radgrad2.addColorStop(1, Color.Color("rgba(255,1,136,0)"))
radgrad3 = self.canvas.createRadialGradient(95, 15, 15, 102, 20, 40)
radgrad3.addColorStop(0, Color.Color("#00C9FF"))
radgrad3.addColorStop(0.8, Color.Color("#00B5E2"))
radgrad3.addColorStop(1, Color.Color("rgba(0,201,255,0)"))
radgrad4 = self.canvas.createRadialGradient(0, 150, 50, 0, 140, 90)
radgrad4.addColorStop(0, Color.Color("#F4F201"))
radgrad4.addColorStop(0.8, Color.Color("#E4C700"))
radgrad4.addColorStop(1, Color.Color("rgba(228,199,0,0)"))
# draw shapes
self.canvas.setFillStyle(radgrad4)
self.canvas.fillRect(0, 0, 150, 150)
self.canvas.setFillStyle(radgrad3)
self.canvas.fillRect(0, 0, 150, 150)
self.canvas.setFillStyle(radgrad2)
self.canvas.fillRect(0, 0, 150, 150)
"""
self.canvas.setFillStyle(radgrad)
self.canvas.fillRect(0, 0, 150, 150)
self.canvas.restoreContext()
self.canvas.restoreContext()
def drawClock(self):
self.canvas.saveContext()
self.canvas.clear()
self.canvas.translate(175, 175)
self.canvas.scale(0.8, 0.8)
self.canvas.rotate((-math.pi / 2))
self.canvas.saveContext()
self.canvas.beginPath()
self.canvas.setLineWidth(7)
self.canvas.setStrokeStyle(Color.Color("#325FA2"))
self.canvas.setFillStyle(Color.Color("#fff"))
self.canvas.arc(0, 0, 142, 0, (math.pi * 2), True)
self.canvas.fill()
self.canvas.arc(0, 0, 142, 0, (math.pi * 2), True)
self.canvas.stroke()
self.canvas.restoreContext()
self.canvas.setStrokeStyle(Color.BLACK)
self.canvas.setFillStyle(Color.WHITE)
self.canvas.setLineWidth(4)
self.canvas.setLineCap("round")
# Hour marks
self.canvas.saveContext()
for i in range(12):
self.canvas.beginPath()
self.canvas.rotate((math.pi / 6))
self.canvas.moveTo(100, 0)
self.canvas.lineTo(120, 0)
self.canvas.stroke()
self.canvas.restoreContext()
# Minute marks
self.canvas.saveContext()
self.canvas.setLineWidth(2.5)
for i in range(60):
if i % 5 != 0:
self.canvas.beginPath()
self.canvas.moveTo(117, 0)
self.canvas.lineTo(120, 0)
self.canvas.stroke()
self.canvas.rotate((math.pi / 30))
self.canvas.restoreContext()
sec = self.getTimeSeconds()
min = self.getTimeMinutes() + sec / 60.0
hr = self.getTimeHours() + min / 60.0
self.canvas.setFillStyle(Color.BLACK)
# write Hours
self.canvas.saveContext()
self.canvas.rotate(
(hr * math.pi / 6 + math.pi / 360 * min + math.pi / 21600 * sec))
self.canvas.setLineWidth(7)
self.canvas.beginPath()
self.canvas.moveTo(-20, 0)
self.canvas.lineTo(80, 0)
self.canvas.stroke()
self.canvas.restoreContext()
# write Minutes
self.canvas.saveContext()
self.canvas.rotate((math.pi / 30 * min + math.pi / 1800 * sec))
self.canvas.setLineWidth(5)
self.canvas.beginPath()
self.canvas.moveTo(-28, 0)
self.canvas.lineTo(112, 0)
self.canvas.stroke()
self.canvas.restoreContext()
# Write seconds
self.canvas.saveContext()
self.canvas.rotate((sec * math.pi / 30))
self.canvas.setStrokeStyle(Color.Color("#D40000"))
self.canvas.setFillStyle(Color.Color("#D40000"))
self.canvas.setLineWidth(3)
self.canvas.beginPath()
self.canvas.moveTo(-30, 0)
self.canvas.lineTo(83, 0)
self.canvas.stroke()
self.canvas.beginPath()
self.canvas.moveTo(107, 0)
self.canvas.lineTo(121, 0)
self.canvas.stroke()
self.canvas.beginPath()
self.canvas.arc(0, 0, 10, 0, (math.pi * 2), True)
self.canvas.fill()
self.canvas.beginPath()
self.canvas.arc(95, 0, 10, 0, (math.pi * 2), True)
self.canvas.stroke()
self.canvas.beginPath()
self.canvas.setFillStyle(Color.Color("#555"))
self.canvas.arc(0, 0, 3, 0, (math.pi * 2), True)
self.canvas.fill()
self.canvas.restoreContext()
self.canvas.restoreContext()
Timer(1000, self)
def drawDemo(self):
self.canvas.resize(self.width, self.height)
# Changing the coordinate size will implicitly clear the self.canvas
# self.canvas.clear()
self.canvas.saveContext()
self.canvas.setLineWidth(1)
self.canvas.setFillStyle(Color.GREEN)
self.canvas.fillRect(5, 5, 25, 25)
self.canvas.setStrokeStyle(Color.RED)
self.canvas.strokeRect(20, 20, 25, 25)
self.canvas.beginPath()
self.canvas.setLineWidth(1)
self.canvas.moveTo(1,1)
self.canvas.lineTo(80,80)
self.canvas.lineTo(100,20)
self.canvas.closePath()
self.canvas.stroke()
self.canvas.setStrokeStyle(Color.BLUE)
self.canvas.setFillStyle(Color.BLACK)
self.canvas.beginPath()
self.canvas.moveTo(120,50)
self.canvas.lineTo(150,70)
self.canvas.lineTo(150,50)
self.canvas.quadraticCurveTo(150, 150, 80, 80)
self.canvas.cubicCurveTo(85,25,75,37,75,40)
self.canvas.closePath()
self.canvas.fill()
self.canvas.setFont("bold 16px Verdana")
self.canvas.fillText("PYJS",20,120)
self.canvas.beginPath()
self.canvas.rect(180,180,80,80)
self.canvas.rect(200,200,80,80)
self.canvas.stroke()
self.canvas.beginPath()
self.canvas.arc(200, 100, 20, 0, math.pi, False)
self.canvas.stroke()
self.canvas.saveContext()
self.canvas.translate(150, 0)
self.canvas.fillRect(0,0,150,150)
self.canvas.setFillStyle(Color.Color("#09F"))
self.canvas.fillRect(15,15,120,120)
self.canvas.setFillStyle(Color.Color("#FFF"))
self.canvas.setGlobalAlpha(0.5)
self.canvas.fillRect(30,30,90,90)
self.canvas.fillRect(45,45,60,60)
self.canvas.fillRect(60,60,30,30)
self.canvas.restoreContext()
self.canvas.saveContext()
self.canvas.translate(10, 140)
self.canvas.setFillStyle(Color.Color("#FD0"))
self.canvas.fillRect(0,0,75,75)
self.canvas.setFillStyle(Color.Color("#6C0"))
self.canvas.fillRect(75,0,75,75)
self.canvas.setFillStyle(Color.Color("#09F"))
self.canvas.fillRect(0,75,75,75)
self.canvas.setFillStyle(Color.Color("#F30"))
self.canvas.fillRect(75,75,75,75)
self.canvas.setFillStyle(Color.Color("#FFF"))
self.canvas.setGlobalAlpha(0.2)
for i in range(7):
self.canvas.beginPath()
self.canvas.arc(75, 75, 10 + (10 * i), 0, math.pi * 2, False)
self.canvas.fill()
self.canvas.saveContext()
self.canvas.setGlobalAlpha(0.8)
self.canvas.beginPath()
self.canvas.arc(75,75,50,0, math.pi * 2,True); # Outer circle
self.canvas.moveTo(110,75)
self.canvas.arc(75,75,35,0, math.pi,False); # Mouth
self.canvas.moveTo(65,65)
self.canvas.arc(60,65,5,0, math.pi * 2,True); # Left eye
self.canvas.moveTo(95,65)
self.canvas.arc(90,65,5,0, math.pi * 2,True); # Right eye
self.canvas.stroke()
self.canvas.restoreContext()
self.canvas.restoreContext()
self.canvas.beginPath()
self.canvas.arc(200, 200, 20, 0, math.pi * 2, False)
self.canvas.stroke()
self.canvas.saveContext()
self.canvas.setGlobalAlpha(1.0)
for i in range(6):
# Loop through rings (from inside to out)
self.canvas.saveContext()
self.canvas.setFillStyle(Color.Color((51 * i),(255 - 51 * i),255))
for j in range(i*6):
# draw individual dots
self.canvas.rotate(math.pi * 2 / ( i * 6.))
self.canvas.beginPath()
self.canvas.rect(0, i * 12.5,5,5)
self.canvas.fill()
self.canvas.restoreContext()
self.canvas.restoreContext()
self.canvas.restoreContext()
