RobinNixon
29 lines
830 B
HTML
29 lines
830 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>A Stretched Radial Gradient</title>
|
|
<script src='OSC.js'></script>
|
|
</head>
|
|
<body>
|
|
<canvas id='mycanvas' width='640' height='240'></canvas>
|
|
|
|
<script>
|
|
canvas = O('mycanvas')
|
|
context = canvas.getContext('2d')
|
|
S(canvas).background = 'lightblue'
|
|
|
|
gradient = context.createRadialGradient(0, 120, 0, 480, 120, 480)
|
|
gradient.addColorStop(0.00, 'red')
|
|
gradient.addColorStop(0.14, 'orange')
|
|
gradient.addColorStop(0.28, 'yellow')
|
|
gradient.addColorStop(0.42, 'green')
|
|
gradient.addColorStop(0.56, 'blue')
|
|
gradient.addColorStop(0.70, 'indigo')
|
|
gradient.addColorStop(0.84, 'violet')
|
|
|
|
context.fillStyle = gradient
|
|
context.fillRect(20, 20, 600, 200)
|
|
</script>
|
|
</body>
|
|
</html>
|