canvas画布画卡通人物--哆啦A梦

最新推荐文章于 2022-10-21 08:21:17 发布

html5_css3_js

最新推荐文章于 2022-10-21 08:21:17 发布

阅读量5.1k

点赞数 1

文章标签： canvas 画布

本文链接：https://blog.csdn.net/html5_css3_js/article/details/80127014

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #canvas1 {
     background-color: #5F9EA0;}
        </style>
    </head>
    <body>
        <canvas id="canvas1" width="600" height="800"></canvas>
    </body>
    <script type="text/javascript">
        var can = document.getElementById("canvas1");
        var pen = can.getContext("2d");

        //脑袋

        drawCircle(300, 180, 150, 0, 2, false, "rgb(80,170,230)");
        drawCircle(300, 250, 150, 1.25, 1.75, false, "white"); //上脸
        drawCircle(300, 170, 150, 0.25, 0.75, false, "white"); //下脸
        drawCircle(270, 210, 100, 0.75, 1.25, false, "white");//左脸
        drawCircle(330, 210, 100, 1.75, 0.25, false, "white");//右脸

        //中间
        pen.beginPath();
        pen.fillRect(198, 140, 204, 140);
        pen.closePath();

        //
        ellipseOne(pen,260,110,40,50);
        ellipseOne(pen,340,110,40,50);
        //眼珠
        drawCircle(270,130,

最低0.47元/天解锁文章

html5_css3_js

关注

1
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
canvas画布画卡通人物--哆啦A梦

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; #canv
复制链接

扫一扫