老师请教您一个问题
来源: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
同学你好,是有显示的哦,不过被图形遮盖了,可以调整下位置,可以发现是有显示的哦,例:
希望能帮助到你,祝学习愉快!
相似问题