OLD | NEW |
1 <sky> | 1 <sky> |
2 <style> | 2 <style> |
3 div { | 3 div { |
4 height: 200px; | 4 height: 200px; |
5 background-color: lightblue; | 5 background-color: lightblue; |
6 } | 6 } |
7 </style> | 7 </style> |
8 <div id="canvas" /> | 8 <div id="canvas" /> |
9 <script> | 9 <script> |
10 import 'dart:math' as math; | 10 import 'dart:math' as math; |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
43 paint.color = const Color.fromARGB(128, 0, 255, 0); | 43 paint.color = const Color.fromARGB(128, 0, 255, 0); |
44 context.drawCircle(0.0, 0.0, radius, paint); | 44 context.drawCircle(0.0, 0.0, radius, paint); |
45 | 45 |
46 context.restore(); | 46 context.restore(); |
47 | 47 |
48 context.translate(0.0, 50.0); | 48 context.translate(0.0, 50.0); |
49 var builder = new LayerDrawLooperBuilder() | 49 var builder = new LayerDrawLooperBuilder() |
50 ..addLayerOnTop( | 50 ..addLayerOnTop( |
51 new DrawLooperLayerInfo() | 51 new DrawLooperLayerInfo() |
52 ..setOffset(const Point(150.0, 0.0)) | 52 ..setOffset(const Point(150.0, 0.0)) |
53 ..setColorMode(TransferMode.srcMode) | 53 ..setColorMode(TransferMode.src) |
54 ..setPaintBits(PaintBits.all), | 54 ..setPaintBits(PaintBits.all), |
55 (Paint layerPaint) { | 55 (Paint layerPaint) { |
56 layerPaint.color = const Color.fromARGB(128, 255, 255, 0); | 56 layerPaint.color = const Color.fromARGB(128, 255, 255, 0); |
57 layerPaint.setColorFilter( | 57 layerPaint.setColorFilter( |
58 new ColorFilter.mode(const Color.fromARGB(128, 0, 0, 255), | 58 new ColorFilter.mode(const Color.fromARGB(128, 0, 0, 255), |
59 TransferMode.srcInMode)); | 59 TransferMode.srcIn)); |
60 layerPaint.setMaskFilter( | 60 layerPaint.setMaskFilter( |
61 new MaskFilter.blur(BlurStyle.normal, 3.0, highQuality: true)); | 61 new MaskFilter.blur(BlurStyle.normal, 3.0, highQuality: true)); |
62 }) | 62 }) |
63 ..addLayerOnTop( | 63 ..addLayerOnTop( |
64 new DrawLooperLayerInfo() | 64 new DrawLooperLayerInfo() |
65 ..setOffset(const Point(75.0, 75.0)) | 65 ..setOffset(const Point(75.0, 75.0)) |
66 ..setColorMode(TransferMode.srcMode) | 66 ..setColorMode(TransferMode.src) |
67 ..setPaintBits(PaintBits.shader), | 67 ..setPaintBits(PaintBits.shader), |
68 (Paint layerPaint) { | 68 (Paint layerPaint) { |
69 Gradient redYellow = new Gradient.radial( | 69 Gradient redYellow = new Gradient.radial( |
70 new Point(0.0, 0.0), radius/3.0, | 70 new Point(0.0, 0.0), radius/3.0, |
71 [const Color(0xFFFFFF00), const Color(0xFFFF0000)], | 71 [const Color(0xFFFFFF00), const Color(0xFFFF0000)], |
72 null, TileMode.mirror); | 72 null, TileMode.mirror); |
73 layerPaint.setShader(redYellow); | 73 layerPaint.setShader(redYellow); |
74 // Since we're don't set PaintBits.maskFilter, this has no effect. | 74 // Since we're don't set PaintBits.maskFilter, this has no effect. |
75 layerPaint.setMaskFilter( | 75 layerPaint.setMaskFilter( |
76 new MaskFilter.blur(BlurStyle.normal, 50.0, highQuality: true)); | 76 new MaskFilter.blur(BlurStyle.normal, 50.0, highQuality: true)); |
77 }) | 77 }) |
78 ..addLayerOnTop( | 78 ..addLayerOnTop( |
79 new DrawLooperLayerInfo()..setOffset(const Point(225.0, 75.0)), | 79 new DrawLooperLayerInfo()..setOffset(const Point(225.0, 75.0)), |
80 (Paint layerPaint) { | 80 (Paint layerPaint) { |
81 // Since this layer uses a DST color mode, this has no effect. | 81 // Since this layer uses a DST color mode, this has no effect. |
82 layerPaint.color = const Color.fromARGB(128, 255, 0, 0); | 82 layerPaint.color = const Color.fromARGB(128, 255, 0, 0); |
83 }); | 83 }); |
84 paint.setDrawLooper(builder.build()); | 84 paint.setDrawLooper(builder.build()); |
85 context.drawCircle(0.0, 0.0, radius, paint); | 85 context.drawCircle(0.0, 0.0, radius, paint); |
86 | 86 |
87 context.commit(); | 87 context.commit(); |
88 }); | 88 }); |
89 } | 89 } |
90 </script> | 90 </script> |
91 </sky> | 91 </sky> |
OLD | NEW |