| <!DOCTYPE html> |
| <canvas width="300" height="300" style="will-change:opacity; position:absolute; top:30px; padding:10px; border:5px dashed black; object-fit:cover; width:150px; height:100px;"></canvas> |
| <div>This test passes if the overflowing canvas contents are correctly clipped to the content box.</div> |
| <script> |
| var context = document.getElementsByTagName("canvas")[0].getContext("2d"); |
| for (var y = 0; y < 3; y++) |
| for (var x = 0; x < 3; x++) |
| if ((x + y + 1) & 1) |
| context.fillRect(x * 100, y * 100, 100, 100); |
| </script> |