大神,求指教,我的代码没有错误,为什么显示不了效果

来源:5-2 径向渐变

新一代英雄

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>


写回答 关注

2回答

  • lublank
    2015-08-21 10:21:04
    已采纳

    radialGrad.addColorStop=(0.0,'blue');

    radialGrad.addColorStop=(1.0,'red');

    应该是:

    radialGrad.addColorStop(0.0,'blue');

    radialGrad.addColorStop(1.0,'red');

    新一代英雄

    非常感谢!

    2016-08-28 22:16:39

    共 1 条回复 >

  • 慕移动6874463
    2016-07-07 19:03:49

    无语了http://img.mukewang.com/577e36f6000104b003710253.jpg你这里干嘛要等号。去掉就好了

Canvas绘图详解

Canvas系列教程第二课,详解Canvas各接口,让同学彻底掌握Canvas绘图

72881 学习 · 422 问题

查看课程

相似问题