32 lines
878 B
Plaintext
32 lines
878 B
Plaintext
|
// 🎨 WebCanvas Demo - HTML5 Canvas control from Nyash
|
||
|
|
// Demonstrates Everything is Box philosophy for web graphics
|
||
|
|
|
||
|
|
print("🎨 === WebCanvas Demo Starting ===")
|
||
|
|
|
||
|
|
// Create canvas for drawing
|
||
|
|
canvas = new WebCanvasBox("demo-canvas", 400, 300)
|
||
|
|
|
||
|
|
// Set up drawing style
|
||
|
|
canvas.setFillStyle("red")
|
||
|
|
canvas.setStrokeStyle("blue")
|
||
|
|
canvas.setLineWidth(3)
|
||
|
|
|
||
|
|
// Draw shapes
|
||
|
|
canvas.fillRect(50, 50, 100, 75) // Red rectangle
|
||
|
|
canvas.strokeRect(200, 50, 100, 75) // Blue outline rectangle
|
||
|
|
|
||
|
|
// Draw circles
|
||
|
|
canvas.beginPath()
|
||
|
|
canvas.arc(100, 200, 30, 0, 6.28) // Full circle
|
||
|
|
canvas.fill()
|
||
|
|
|
||
|
|
canvas.beginPath()
|
||
|
|
canvas.arc(250, 200, 30, 0, 6.28)
|
||
|
|
canvas.stroke()
|
||
|
|
|
||
|
|
// Draw text
|
||
|
|
canvas.setFillStyle("green")
|
||
|
|
canvas.fillText("Nyash WebCanvas", 150, 250)
|
||
|
|
|
||
|
|
print("🎨 Canvas drawing complete! Everything is Box!")
|
||
|
|
print("Open your browser to see the HTML5 canvas graphics.")
|