老师请教您一个问题

来源:3-5 编程练习

菜鸟00001

2019-04-11 17:11:38

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8" />

  <title>canvas</title>

  <style>

    #myCanvas {

      border: 1px solid red;

    }

  </style>

</head>

<body>

  <canvas id="myCanvas">

    您的浏览器不支持Canvas,请升级浏览器

  </canvas>

  <script>

    var canvas = document.getElementById('myCanvas');

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

    ctx.canvas.width = 600;

    ctx.canvas.height = 400;

    ctx.beginPath();

    ctx.arc(200, 150, 100, 0, Math.PI * 2, true);

    ctx.strokeText("慕课网", 200, 150);

    ctx.closePath();

    ctx.clip();

    ctx.fillStyle = "#FF0000";

    ctx.fillRect(100, 100, 200, 200);

    ctx.fillStyle = "#0000FF";

    ctx.fillRect(200, 150, 200, 200);

  </script>

</body>

</html>

这里面的慕课网为什么没有在浏览器中显示出来

写回答

1回答

好帮手慕糖

2019-04-11

同学你好,是有显示的哦,不过被图形遮盖了,可以调整下位置,可以发现是有显示的哦,例:

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

希望能帮助到你,祝学习愉快!

0

0 学习 · 4826 问题

查看课程