实在是不知道哪错了。。。

来源:2-3 绘制弧和圆

Adorrable坛子

2015-07-22 10:43

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>绘制弧形和圆</title>
</head>
<body>
<canvas id="canvas"style="border: 1px solid black;display: block;margin:50px auto;">
    如果您看到这句话,证明您的浏览器不支持canvas
</canvas>
<script>
        window.onload = function () {
            var canvas = document.getElementById('canvas');
            canvas.width = 1024;
            canvas.height = 768;
            var context = canvas.getContext('2d');
            context.lineWidth = 5;
            context.strokeStyle="blue";
            context.arc = (300 , 300 , 200 , 0 ,  1.5*Math.PI );
            context.stroke()
    }
</script>
</body>
</html>

怎么就是显示不出来呢,跟着老师一起敲的呀。。。


写回答 关注

2回答

  • kevinliang
    2015-07-22 10:55:43
    已采纳

    http://img.mukewang.com/55af05f1000106ef05280212.jpg你的arc方法写错了,应该是context.arc(100,100,0,1.5*Math.PI,false) 而不是arc = (....)

    Adorra...

    非常感谢!

    2015-07-22 11:11:22

    共 1 条回复 >

  • 火星上的慕老爷
    2016-02-25 23:20:37

    大哥,你给人家指出错误自己又报错啦,你上面少写了圆的半径呢!

炫丽的倒计时效果Canvas绘图与动画基础

学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力

96746 学习 · 1000 问题

查看课程

相似问题