<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="resources/compositor-touch-hit-rects.css">
<style>
svg {
  width: 100px;
  height: 100px;
}
</style>
</head>
<body>
<div id="tests">
  <svg>
    <!-- This is a 4 5x5 blocks of solid color, taken from image/pixelated-svg-image.html -->
    <image width="20" height="20" class='testcase' xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII="/>
  </svg>
</div>

<div id="console"></div>
<script src="resources/compositor-touch-hit-rects.js"></script>
</body>