19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/examples/ch04/gradientfill1/gradientfill1.dart:
--------------------------------------------------------------------------------
1 | #import('dart:html');
2 | #source('../classes/point.dart');
3 | class gradientfill1 {
4 |
5 | gradientfill1() {
6 | }
7 |
8 | void run() {
9 | CanvasElement canvas = document.query('#canvas');
10 | var context = canvas.getContext('2d');
11 | point pt1 = new point(0,0);
12 | point pt2 = new point(100,100);
13 | CanvasGradient gradient = context.createLinearGradient(pt1.x, pt1.y, pt2.x, pt2.y);
14 |
15 | //white to red
16 | gradient.addColorStop(0, "#ffffff");
17 | gradient.addColorStop(1, "#ff0000");
18 |
19 | context.fillStyle = gradient;
20 | context.fillRect(0, 0, 100, 100);
21 | }
22 | }
23 |
24 | void main() {
25 | new gradientfill1().run();
26 | }
27 |
--------------------------------------------------------------------------------
/examples/ch04/gradientfill1/gradientfill1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |