老师请检查一下代码是否正确

来源:6-6 编程练习

Raymond0913

2020-09-09 23:09:52

<!DOCTYPE html>

<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');

        context.fillStyle = "#7d7263";

        context.arc(400,400,150,0,2*Math.PI);

        context.fill();

        var img =new Image();

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

        img.onload = function(){

            context.drawImage(img,220,-30,210,250,310,280,200,200);

        }

    </script>

</body>

</html>


写回答

2回答

好帮手慕星星

2020-09-10

同学你好,canvas技术没有淘汰,不过目前市场中应用不广泛,所以考虑之后去掉了。2020版主打在最短的时间内,迅速掌握最常用,最主流的知识。

祝学习愉快!

0

好帮手慕星星

2020-09-10

同学你好,代码绘制效果很棒。继续加油,祝学习愉快!

0
haymond0913
h 老师今天看到新的前端2020版里面没有canvas了这是为什么,是这个技术淘汰了吗?
h020-09-10
共1条回复

0 学习 · 6815 问题

查看课程