最先绘制的黑色背景怎么不显示了，求老师解答下，谢谢了-慕课网

首页课程实战体系课手记专栏慕课教程

最先绘制的黑色背景怎么不显示了，求老师解答下，谢谢了

来源：8-2 globalAlpha和globalCompositeOperation

xxAzz

2015-03-13 17:27

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

*{margin:0;}

#canvas{margin:0 auto;display: block; background: #ccc;}

</style>

</head>

<body>

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

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

cxt.save();

cxt.beginPath();

cxt.fillStyle="#000"

cxt.fillRect(0,0,600,600);

cxt.beginPath();

cxt.fillStyle="#f00"

cxt.fillRect(0,0,600,600);

cxt.globalCompositeOperation="destination-out";

cxt.beginPath();

cxt.fillStyle="#00f"

cxt.fillRect(200,200,200,200);

cxt.beginPath();

cxt.arc(200,200,50,0,2*Math.PI);

cxt.fillStyle="#0f0";

cxt.fill();

cxt.beginPath();

cxt.fillStyle="#00f"

cxt.fillRect(400,400,100,100);

cxt.restore();

</script>

</body>

</html>

写回答关注

1回答

lymo: 2015-03-13 17:31:16

cxt.beginPath();
cxt.fillStyle="#f00" 
cxt.fillRect(0,0,600,600);

被这里的红色背景覆盖掉了

0 0

Canvas绘图详解

Canvas系列教程第二课,详解Canvas各接口，让同学彻底掌握Canvas绘图

72881 学习 · 422 问题

相似问题

回答 1

回答 1

回答 4

我就纳闷了，没有stroke(），怎么绘制出来的？？

回答 2

一片黑色，不知道什么问题了！

回答 2

打开慕课网App查看更多内容

最先绘制的黑色背景怎么不显示了，求老师解答下 ，谢谢了

1回答

最先绘制的黑色背景怎么不显示了，求老师解答下，谢谢了