56 lines
1.4 KiB
HTML
56 lines
1.4 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
description("Series of tests to ensure correct behavior of canvas.clearRect().");
|
|
var ctx = document.createElement('canvas').getContext('2d');
|
|
|
|
// Clear rect with height = width = 0.
|
|
debug("Test canvas.clearRect() with height = width = 0.");
|
|
ctx.fillStyle = 'red';
|
|
ctx.fillRect(0, 0, 1, 1);
|
|
ctx.clearRect(0, 0, 0, 0);
|
|
|
|
var imageData = ctx.getImageData(0, 0, 1, 1);
|
|
var imgdata = imageData.data;
|
|
shouldBe("imgdata[0]", "255");
|
|
shouldBe("imgdata[1]", "0");
|
|
shouldBe("imgdata[2]", "0");
|
|
|
|
ctx.clearRect(0, 0, 1, 1);
|
|
|
|
// Clear rect with height = 0, width = 1.
|
|
debug("Test canvas.clearRect() with height = 0, width = 1.");
|
|
ctx.fillStyle = 'red';
|
|
ctx.fillRect(0, 0, 1, 1);
|
|
ctx.clearRect(0, 0, 1, 0);
|
|
|
|
var imageData = ctx.getImageData(0, 0, 1, 1);
|
|
var imgdata = imageData.data;
|
|
shouldBe("imgdata[0]", "255");
|
|
shouldBe("imgdata[1]", "0");
|
|
shouldBe("imgdata[2]", "0");
|
|
|
|
ctx.clearRect(0, 0, 1, 1);
|
|
|
|
// Clear rect with height = 1, width = 0.
|
|
debug("Test canvas.clearRect() with height = 1, width = 0.");
|
|
ctx.fillStyle = 'red';
|
|
ctx.fillRect(0, 0, 1, 1);
|
|
ctx.clearRect(0, 0, 0, 1);
|
|
|
|
var imageData = ctx.getImageData(0, 0, 1, 1);
|
|
var imgdata = imageData.data;
|
|
shouldBe("imgdata[0]", "255");
|
|
shouldBe("imgdata[1]", "0");
|
|
shouldBe("imgdata[2]", "0");
|
|
|
|
ctx.clearRect(0, 0, 1, 1);
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|