From 20459183e462dd12bd88e28078bb5a7af726937a Mon Sep 17 00:00:00 2001
From: Eric Seidel <eseidel@chromium.org>
Date: Mon, 18 May 2015 14:49:59 -0700
Subject: [PATCH] Make it possible to Paint elements into a display list.

Currently said elements need to be in the DOM and have
already been laid out for this to work, but follow-up patches
will remove these restrictions.

R=abarth@chromium.org

Review URL: https://codereview.chromium.org/1144673002
---
 .../raw/paint_element_into_displaylist.sky    | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 examples/raw/paint_element_into_displaylist.sky

diff --git a/examples/raw/paint_element_into_displaylist.sky b/examples/raw/paint_element_into_displaylist.sky
new file mode 100644
index 0000000000..c684836d0c
--- /dev/null
+++ b/examples/raw/paint_element_into_displaylist.sky
@@ -0,0 +1,24 @@
+<script>
+import "dart:sky";
+
+void main() {
+  var root = document.createElement('div');
+  root.style['display'] = 'paragraph';
+  root.appendChild(new Text('Hello World'));
+  document.appendChild(root);
+  root.offsetWidth; // force layout.
+
+  double width = window.innerWidth.toDouble();
+  double height = window.innerHeight.toDouble();
+  PictureRecorder recorder = new PictureRecorder(width, height);
+  Paint paint = new Paint()..setARGB(255, 0, 255, 0);
+  recorder.drawCircle(50.0, 50.0, 50.0, paint);
+  recorder.translate(10.0, 10.0);
+  root.paint(recorder);
+  recorder.translate(10.0, 10.0);
+  root.paint(recorder);
+  recorder.translate(10.0, 10.0);
+  root.paint(recorder);
+  document.rootPicture = recorder.endRecording();
+}
+</script>