新一代英雄
2015-08-05 22:07
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
var canvas=document.getElementById("canvas");
var context=canvas.getContext("2d");
canvas.width=800;
canvas.height=800;
var radialGrad=context.createRadialGradient(400,400,0,400,400,500);
radialGrad.addColorStop=(0.0,'blue');
radialGrad.addColorStop=(1.0,'red');
context.fillStyle=radialGrad;
context.fillRect(0,0,800,800);
}
</script>
</head>
<body>
<canvas id="canvas" style="display:block;border:1px red solid;margin:100px auto;">
</canvas>
</body>
</html>
radialGrad.addColorStop=(0.0,'blue');
radialGrad.addColorStop=(1.0,'red');
应该是:
radialGrad.addColorStop(0.0,'blue');
radialGrad.addColorStop(1.0,'red');
无语了你这里干嘛要等号。去掉就好了
Canvas绘图详解
72881 学习 · 422 问题
相似问题