老师如何在画布中把猫头放在园中

来源:6-6 编程练习

慕函数4234673

2020-04-03 11:42:45

<html>

<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>

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

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

    var img=new Image()

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

    img.onload=function(){

        context.drawImage(img,200,10,220,230,250,250,300,300)

    }

    </script>

</body>

</html>


写回答

1回答

好帮手慕慕子

2020-04-03

同学你好,可以先画一个圆,然后适当调整图片的大小和位置,让其在圆里面显示即可。示例:

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

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程