<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
?
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
您的瀏覽器不支持 HTML5 canvas 標(biāo)簽。</canvas>
?
<script>
?
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
?
// Create gradient
var grd=ctx.createLinearGradient(0,0,200,0);
grd.addColorStop(0,"red");
grd.addColorStop(1,"white");
?
// Fill with gradient
ctx.fillStyle=grd;
ctx.fillRect(10,10,150,80);
?
</script>
?
</body>
</html>
聯(lián)系客服