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