Examples of CanvasGradient

Examples of com.google.gwt.canvas.dom.client.CanvasGradient

115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
  private void drawHex(){
//      int rndRedColor = 20;
//      int rndGreenColor = 200;
//      int rndBlueColor = 0;//Random.nextInt(255);
     
        CanvasGradient canvasGradient = context.createLinearGradient(x, y, x+hexWidth, y+hexHeight);
    //    canvasGradient.addColorStop(0, "rgba(" + rndRedColor + ", " + rndGreenColor + "," + rndBlueColor + ", 1)");
    //    canvasGradient.addColorStop(0.6, "rgba(" + (rndRedColor+5) + ", " + (rndGreenColor+5) + "," + (rndBlueColor+5) + ", 1)");
        canvasGradient.addColorStop(0, "rgba(20,200,0,1)");
        canvasGradient.addColorStop(0.6, "rgba(30,210,0,1)");
        canvasGradient.addColorStop(1, "rgba(20,100,0,1)");
       
    context.setFillStyle(canvasGradient);
    context.beginPath();
        context.moveTo(x, y+hexHeight/4);
        context.lineTo(x+hexWidth/2 , y);
View Full Code Here

Examples of com.google.gwt.canvas.dom.client.CanvasGradient

37
38
39
40
41
42
43
44
45
46
47
48
49
50
     
        // Draw Mushroom stem
    drawStem(context);
     
    //Now draw Muhsroom Head
    CanvasGradient canvasGradient = context.createLinearGradient(0,height/2,width,height/2);
      canvasGradient.addColorStop(0, "rgba(255, 0, 0, 1)");
      canvasGradient.addColorStop(0.8, "rgba(200,50,50, 1)");
      canvasGradient.addColorStop(1, "rgba(255,50,50,1)");
    drawHead(context, canvasGradient);
       
      redMushroom = canvas;
      return redMushroom;
   
View Full Code Here

Examples of com.google.gwt.canvas.dom.client.CanvasGradient

68
69
70
71
72
73
74
75
76
77
78
79
80
81
     
        // Draw Mushroom stem
    drawStem(context);
     
    //Now draw Muhsroom Head
    CanvasGradient canvasGradient = context.createLinearGradient(0,height/2,width,height/2);
      canvasGradient.addColorStop(0, "rgba(0, 0, 219, 1)");
      canvasGradient.addColorStop(0.7, "rgba(50,50,219, 1)");
      canvasGradient.addColorStop(1, "rgba(0,50,255,1)");
    drawHead(context, canvasGradient);
       
      blueMushroom = canvas;
      return blueMushroom;
   
View Full Code Here

Examples of com.google.gwt.canvas.dom.client.CanvasGradient

99
100
101
102
103
104
105
106
107
108
109
110
111
112
     
        // Draw Mushroom stem
    drawStem(context);
     
    //Now draw Muhsroom Head
    CanvasGradient canvasGradient = context.createLinearGradient(0,height/2,width,height/2);
      canvasGradient.addColorStop(0, "rgba(15, 230, 0, 1)");
      canvasGradient.addColorStop(0.8, "rgba(90,200,70, 1)");
      canvasGradient.addColorStop(1, "rgba(0,150,70,1)");
    drawHead(context, canvasGradient);
       
      greenMushroom = canvas;
      return greenMushroom;
   
View Full Code Here

Examples of com.google.gwt.canvas.dom.client.CanvasGradient

130
131
132
133
134
135
136
137
138
139
140
141
142
143
     
        // Draw Mushroom stem
    drawStem(context);
     
    //Now draw Muhsroom Head
    CanvasGradient canvasGradient = context.createLinearGradient(0,height/2,width,height/2);
      canvasGradient.addColorStop(0, "rgba(180, 30, 140, 1)");
      canvasGradient.addColorStop(0.7, "rgba(180,80,190, 1)");
      canvasGradient.addColorStop(1, "rgba(150,30,190,1)");
    drawHead(context, canvasGradient);
       
      greenMushroom = canvas;
      return greenMushroom;
   
View Full Code Here

Examples of com.google.gwt.canvas.dom.client.CanvasGradient

160
161
162
163
164
165
166
167
168
169
170
171
172
173
 
  private static void drawStem(Context2d context){
   
    int canvasHeight = height;
    int canvasWidth = width;
        CanvasGradient canvasGradient = context.createLinearGradient(0,canvasHeight/2,canvasWidth,canvasHeight/2);
        canvasGradient.addColorStop(0, "rgba(255, 255, 0, 1)");
        canvasGradient.addColorStop(0.6, "rgba(200,200,0, 1)");
        canvasGradient.addColorStop(1, "rgba(0,0,0,1)");
       

    context.setFillStyle(canvasGradient);
    context.setStrokeStyle(canvasGradient);
    context.beginPath();
View Full Code Here

Examples of com.google.gwt.canvas.dom.client.CanvasGradient

192
193
194
195
196
197
198
199
200
201
202
203
204
      Context2d context = canvas.getContext2d();
   
    int canvasHeight = height;
    int canvasWidth = width;
   
        CanvasGradient canvasGradient = context.createLinearGradient(0,canvasHeight/2,canvasWidth,canvasHeight/2);
        canvasGradient.addColorStop(0, "rgba(255, 200, 0, 1)");
        canvasGradient.addColorStop(1, "rgba(200,20,120, 1)");
    context.setFillStyle(canvasGradient);
    context.setStrokeStyle(canvasGradient);
   
    context.beginPath();
    context.moveTo(0 , canvasHeight/3);
View Full Code Here

Examples of com.google.gwt.widgetideas.graphics.client.CanvasGradient

53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
    // DRAW SOME LINEAR GRADIENTS
    // Demos ported from Mozilla Development Center Canvas Tutorial
    canvas.saveContext();

    // Create gradients
    CanvasGradient lingrad = canvas.createLinearGradient(0, 0, 0, 150);
    lingrad.addColorStop(0.0f, new Color("#00ABEB"));
    lingrad.addColorStop(0.5f, new Color("#fff"));
    lingrad.addColorStop(0.5f, new Color("#26C000"));
    lingrad.addColorStop(1, new Color("#fff"));

    CanvasGradient lingrad2 = canvas.createLinearGradient(0, 50, 0, 95);
    lingrad2.addColorStop(0.5f, new Color("#000"));
    lingrad2.addColorStop(1, new Color("rgba(0,0,0,0)"));

    // assign gradients to fill and stroke styles
    canvas.setFillStyle(lingrad);
    canvas.setStrokeStyle(lingrad2);

    // draw shapes
    canvas.fillRect(10, 10, 130, 130);
    canvas.strokeRect(50, 50, 50, 50);

    canvas.restoreContext();

    // DRAW SOME RADIAL GRADIENTS
    // Demos ported from Mozilla Development Center Canvas Tutorial
    canvas.saveContext();
    canvas.translate(150, 150);

    CanvasGradient radgrad = canvas.createRadialGradient(45, 45, 10, 52, 50, 30);
    radgrad.addColorStop(0, new Color("#A7D30C"));
    radgrad.addColorStop(0.9f, new Color("#019F62"));
    radgrad.addColorStop(1, new Color("rgba(1,159,98,0)"));

    CanvasGradient radgrad2 = canvas.createRadialGradient(105, 105, 20, 112,
        120, 50);
    radgrad2.addColorStop(0, new Color("#FF5F98"));
    radgrad2.addColorStop(0.75f, new Color("#FF0188"));
    radgrad2.addColorStop(1, new Color("rgba(255,1,136,0)"));

    CanvasGradient radgrad3 = canvas.createRadialGradient(95, 15, 15, 102, 20,
        40);
    radgrad3.addColorStop(0, new Color("#00C9FF"));
    radgrad3.addColorStop(0.8f, new Color("#00B5E2"));
    radgrad3.addColorStop(1, new Color("rgba(0,201,255,0)"));

    CanvasGradient radgrad4 = canvas.createRadialGradient(0, 150, 50, 0, 140,
        90);
    radgrad4.addColorStop(0, new Color("#F4F201"));
    radgrad4.addColorStop(0.8f, new Color("#E4C700"));
    radgrad4.addColorStop(1, new Color("rgba(228,199,0,0)"));

    // draw shapes
    canvas.setFillStyle(radgrad4);
    canvas.fillRect(0, 0, 150, 150);
    canvas.setFillStyle(radgrad3);
View Full Code Here
TOP
Copyright © 2018 www.massapi.com. All rights reserved.
All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.