用canvas画转动的阴阳鱼

最新推荐文章于 2019-06-26 06:44:18 发布

渔父歌

最新推荐文章于 2019-06-26 06:44:18 发布

阅读量927

点赞数 2

文章标签： canvas

本文链接：https://blog.csdn.net/qq_40695895/article/details/78577217

版权

本文通过HTML5的canvas元素展示了如何绘制并实现转动效果的阴阳鱼动画。通过编程技巧，动态展示阴阳鱼的旋转，揭示了canvas在图形绘制上的强大能力。

摘要由CSDN通过智能技术生成

先放代码

<!DOCTYPE htnl>
<html>
<head>
    <title>revolve circle</title>
    <script>
        var drawingCircle = function(x,y,r,begin,end,yn,color,ctx){
    
        //yn为1画填充圆，为0画不填充圆，color为1颜色为黑，0颜色为白
            if(yn==1){
                ctx.beginPath();
                ctx.arc(x,y,r,begin,end,true);
                if(color==1)
                    ctx.fillStyle = "black";
                else
                    ctx.fillStyle = "white";
                ctx.fill();
            }
            else{
                ctx.beginPath();
                ctx.ar