Color Gradient & Canvas Text

xxxxxxxxxx

 

1

%%html

2

<canvas id='canvas001' width='420' height='60'/>

3

<script>

4

var c=document.getElementById('canvas001'); 

5

var context=c.getContext('2d');

6

context.font='20px Verdana';

7

var gradient=context.createLinearGradient(0,0,280,0);

8

gradient.addColorStop('0','#3636ff');

9

gradient.addColorStop('.33','#ff36ff');

10

gradient.addColorStop('.66','#36ff36');

11

gradient.addColorStop('1.','#ff3636');

12

context.strokeStyle=gradient;

13

context.strokeText('applying color gradients to canvas texts',10,35)

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages