Add an API to set the ColorFilter on a Paint object.

sky/examples/raw/painting.sky

 <sky>
 <style>
 div {
     height: 200px;
     background-color: lightblue;
 }
 </style>
 <div id="canvas" />
 <script>
 import 'dart:math' as math;
@@ skipping 22 matching lines @@
         0.5, 0.0, 0.0,
         0.0, 0.5, 0.0,
         0.0, 0.0, 1.0
     ];
     context.concat(scaleMatrix);
     paint.setARGB(128, 0, 255, 0);
     context.drawCircle(0.0, 0.0, radius, paint);
 
     context.restore();
 
+    context.translate(0.0, 50.0);
     var builder = new LayerDrawLooperBuilder()
         ..addLayerOnTop(
-            new DrawLooperLayerInfo()..setOffset(150.0, 0.0)..setPaintBits(-1),
+            new DrawLooperLayerInfo()
+              ..setOffset(150.0, 0.0)..setPaintBits(-1)..setColorMode(1),
             (Paint layerPaint) {
-          // TODO(mpcomplete): This won't do anything until we add support for
-          // setting the color filter.
-          layerPaint.setARGB(128, 0, 0, 255);
+          layerPaint.setARGB(128, 255, 255, 0);
+          layerPaint.setColorFilter(new ColorFilter(0x770000ff, 5));
         })
         ..addLayerOnTop(
-            new DrawLooperLayerInfo()..setOffset(75.0, 75.0)..setPaintBits(0),
+            new DrawLooperLayerInfo()..setOffset(75.0, 75.0)..setColorMode(1),
             (Paint layerPaint) {
           layerPaint.setARGB(128, 255, 0, 0);
+        })
+        ..addLayerOnTop(
+            new DrawLooperLayerInfo()..setOffset(225.0, 75.0),
+            (Paint layerPaint) {
+          // Since this layer uses a DST color mode, this has no effect.
+          layerPaint.setARGB(128, 255, 0, 0);
         });
     paint.setDrawLooper(builder.build());
     context.drawCircle(0.0, 0.0, radius, paint);
 
     context.commit();
   });
 }
 </script>
 </sky>