实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
​
5
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
6
您的浏览器不支持 HTML5 canvas 标签。</canvas>
7
​
8
<script>
9
​
10
var c=document.getElementById("myCanvas");
11
var ctx=c.getContext("2d");
12
​
13
// Create gradient
14
var grd=ctx.createLinearGradient(0,0,200,0);
15
grd.addColorStop(0,"red");
16
grd.addColorStop(1,"white");
17
​
18
// Fill with gradient
19
ctx.fillStyle=grd;
20
ctx.fillRect(10,10,150,80);
21
​
22
</script>
23
​
24
</body>
25
</html>
26