blob: 5ee95207daf03663c5b6f05dbafe3a27a8d1f79e [file] [log] [blame]
<!DOCTYPE html>
<title>Canvas test: 2d.imageData.create2.initial</title>
<meta name="author" content="Philip Taylor">
<script src="../common/canvas-tests.js"></script>
<link rel="stylesheet" href="../common/canvas-tests.css">
<body class="show_output">
<h1><a href="index.2d.html">2d</a>.<a href="index.2d.imageData.html">imageData</a>.<a href="index.2d.imageData.create2.html">create2</a>.initial</h1>
<p class="desc">createImageData(sw, sh) returns transparent black data of the right size</p>
<div class="refs">Spec references:
<ul>
<li><a href="../annotated-spec/canvas.html#testrefs.2d.imageData.create2.size">2d.imageData.create2.size</a>
<li><a href="../annotated-spec/canvas.html#testrefs.2d.imageData.create.initial">2d.imageData.create.initial</a>
<li><a href="../annotated-spec/canvas.html#testrefs.2d.imageData.initial">2d.imageData.initial</a>
</ul>
</div>
<p class="output">Actual output:</p>
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<ul id="d"></ul>
<script>
_addTest(function(canvas, ctx) {
var imgdata = ctx.createImageData(10, 20);
_assertEqual(imgdata.data.length, imgdata.width*imgdata.height*4, "imgdata.data.length", "imgdata.width*imgdata.height*4");
_assert(imgdata.width < imgdata.height, "imgdata.width < imgdata.height");
_assert(imgdata.width > 0, "imgdata.width > 0");
var isTransparentBlack = true;
for (var i = 0; i < imgdata.data.length; ++i)
if (imgdata.data[i] !== 0)
isTransparentBlack = false;
_assert(isTransparentBlack, "isTransparentBlack");
});
</script>