Sky: Added radial gradients.

sky/examples/raw/painting.sky

 <sky>
 <style>
 div {
     height: 200px;
     background-color: lightblue;
 }
 </style>
 <div id="canvas" />
 <script>
 import 'dart:math' as math;
@@ skipping 46 matching lines @@
           layerPaint.color = const Color.fromARGB(128, 255, 255, 0);
           layerPaint.setColorFilter(
               new ColorFilter(const Color.fromARGB(128, 0, 0, 255),
                               TransferMode.srcInMode));
           layerPaint.setMaskFilter(
               new MaskFilter.Blur(BlurStyle.normal, 3.0, highQuality: true));
         })
         ..addLayerOnTop(
             new DrawLooperLayerInfo()
               ..setOffset(const Point(75.0, 75.0))
-              ..setColorMode(TransferMode.srcMode),
+              ..setColorMode(TransferMode.srcMode)
+              ..setPaintBits(-1),
             (Paint layerPaint) {
-          layerPaint.color = const Color.fromARGB(128, 255, 0, 0);
+          Gradient redYellow = new Gradient.Radial(
+              new Point(0.0, 0.0), radius,
+              [const Color(0xFFFFFF00), const Color(0xFFFF0000)],
+              null);
+          layerPaint.setShader(redYellow);
         })
         ..addLayerOnTop(
             new DrawLooperLayerInfo()..setOffset(const Point(225.0, 75.0)),
             (Paint layerPaint) {
           // Since this layer uses a DST color mode, this has no effect.
           layerPaint.color = const Color.fromARGB(128, 255, 0, 0);
         });
     paint.setDrawLooper(builder.build());
     context.drawCircle(0.0, 0.0, radius, paint);
 
     context.commit();
   });
 }
 </script>
 </sky>