用canvas画阴阳鱼

最新推荐文章于 2021-06-19 02:55:22 发布

渔父歌

最新推荐文章于 2021-06-19 02:55:22 发布

阅读量1.2k

点赞数 1

分类专栏：学习笔记文章标签： canvas javascript

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

版权

代码如下：

<!DOCTYPE html>
<html>
<head>

<script>
    var drawing = function(){
    
        var c=document.getElementById("myCanvas");
        var ctx=c.getContext("2d");

        //画个阴阳鱼
        ctx.beginPath();
        ctx.arc(100,100,90,-90*Math.PI/180,90*Math.PI/180,true);
        ctx.fillStyle = "black";
        ctx.fill();

        ctx.beginPath();
        ctx.arc(100,100,90,90*Math.PI/180,-90*Math.PI/180,true);
        ctx.stroke();


        ctx.beginPath();
        ctx.arc(100,55,44,-90*Math.PI/180,90*Math.PI/180,true);
        ctx.fillStyle = "white";
        ctx.fill();

        ctx.beginPath();
        ctx.arc(100,55,11,0,360*Math