createRadialGradient 漸變色
<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title></title>
</head>
<body>
<canvas id="canvas" style="border:1px solid #dcdcdc"></canvas>
<script type="text/javascript">
? ?var canvas=document.getElementById("canvas");
? ?canvas.height=800;
? ?canvas.width=800;
? ?var context=canvas.getContext("2d");
? ?var gradient2=context.createRadialGradient(400,400,100,400,400,400);
? ?gradient2.addColorStop(0,"white");
? ?gradient2.addColorStop(0.25,"yellow");
? ?gradient2.addColorStop(0.5,"red");
? ?gradient2.addColorStop(1,"blue");
? ?gradient2.fillStyle=gradient2;
? ?context.fillRect(0,0,800,800);
</script>
</body>
</html>
這部分代碼有什么問題嗎，執(zhí)行之后一片黑啊
2016-01-12
在代碼的倒數(shù)第五行請(qǐng)注意：應(yīng)該是：context.fillStyle = gradient2;
你試試看，