From 64dff809339e1a137ec7de8c0ff1d79f1e1c4e78 Mon Sep 17 00:00:00 2001
From: Adam Barth <abarth@chromium.org>
Date: Thu, 19 Mar 2015 16:00:21 -0700
Subject: [PATCH] Add a basic custom painting facility to Sky

This CL adds just enough custom painting to Sky to make
sky/examples/painting/circle.sky draw a circle. Over time, we should be able to
elaborate this system into something interesting and to make it actually work
in a reasonable way.

R=ojan@chromium.org

Review URL: https://codereview.chromium.org/1017593005
---
 .../src/flutter/examples/painting/circle.sky  | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 engine/src/flutter/examples/painting/circle.sky

diff --git a/engine/src/flutter/examples/painting/circle.sky b/engine/src/flutter/examples/painting/circle.sky
new file mode 100644
index 00000000000..224e2d92559
--- /dev/null
+++ b/engine/src/flutter/examples/painting/circle.sky
@@ -0,0 +1,24 @@
+<sky>
+<style>
+div {
+    height: 200px;
+    background-color: lightblue;
+}
+</style>
+<div id="canvas" />
+<script>
+import 'dart:math' as math;
+import 'dart:sky';
+
+void main() {
+  var element = document.getElementById('canvas');
+  element.requestPaint((PaintingContext context) {
+    Paint paint = new Paint();
+    paint.setARGB(128, 0, 255, 0);
+    double radius = math.min(context.width, context.height) / 2.0;
+    context.drawCircle(context.width / 2.0, context.height / 2.0, radius, paint);
+    context.commit();
+  });
+}
+</script>
+</sky>