老师是这样嘛

来源:6-6 编程练习

qq_慕瓜7049344

2020-08-25 14:25:35

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>canvas图片</title>

    <style>

        canvas{background-color:lightblue;}

    </style>

</head>

<body>

    <canvas id="canvas" width="800px" height="800px">您的浏览器不支持canvas

    </canvas>

    <script>

       /**@type {HTMLCanvasElement}*/

        var canvas=document.getElementById("canvas");

        var xt=canvas.getContext('2d');

        //此处填充代码

        var img = new Image();

        img.src = "http://climg.mukewang.com/59a7df40000165fa06000600.jpg";

        // 一定要在图片加载的时候执行

        img.onload = function(){

           xt.drawImage(img,220,22,200,200,250,270,300,250); 

        }

        xt.arc(400,400,200,0,2*Math.PI,true);

        xt.fillStyle='#7D7263'

        xt.fill();

    </script>

</body>

</html>



写回答

2回答

好帮手慕粉

2020-08-25

同学你好,同学是不是看错问题了呢?这个代码实现的没有以下内容啊:

http://img.mukewang.com/climg/5f44db8209d128a905590120.jpg

建议同学到相应的问题下进行提问呢,便于老师快速准确的定位同学的问题。

0

好帮手慕粉

2020-08-25

同学你好,代码实现的是正确的,很棒!

继续加油,祝学习愉快~

0
hq_慕瓜7049344
h 老师那我怎么设置当我前面几个字体超过了 那个口号自动往后移动呢
h020-08-25
共1条回复

0 学习 · 6815 问题

查看课程