有关canvas的问题在代码里面，打开关闭注释自己看下！！！

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

</head>

<body>

</body>

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

canvas.style.border='1px solid blue';

canvas.width=600;

canvas.height=500;

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

ctx.beginPath();

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

ctx.stroke();

ctx.clip();

ctx.beginPath();

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

// ctx.beginPath();

// ctx.strokeRect(100,100,200,100); //为什么这里用简写的会出问题？？？？

// ctx.clip();

// ctx.beginPath();

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

</script>

</html>

正确的效果如下注释里面的代码效果没有黑色部分

程序猴jason

浏览 1727回答 3