| <!DOCTYPE html> |
| <!-- |
| | Verify that textured elements at integer pixel coordinates do not have |
| | aliasing when rendered. |
| --> |
| <html> |
| <head> |
| <meta http-equiv="Content-Security-Policy" |
| content="img-src 'self' data:;"> |
| <style> |
| body { |
| background-color: rgba(0,0,0,0); |
| } |
| |
| div { |
| width: 100%; |
| height: 100%; |
| position: absolute; |
| transform: translate(100px, 100px); |
| } |
| </style> |
| </head> |
| <body> |
| <div id='texture'></div> |
| <script> |
| if (window.testRunner) { |
| window.testRunner.waitUntilDone(); |
| } |
| |
| var image = new Image() |
| image.onload = function() { |
| var texture = document.getElementById('texture'); |
| texture.style.background = 'url(' + image.src + ') no-repeat left top'; |
| if (window.testRunner) { |
| window.testRunner.notifyDone(); |
| } |
| } |
| // 100 x 100 colored checkerboard |
| image.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABHNCSVQICAgIfAhkiAAAAQ1JREFUeJzt3MENgEAIAEHO2H/L+rYCN2SmAsiGL+eZeWaBs2KLmevvAfgSJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIm5z46Hcku2cCE5gsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxL/+yBcc4MVfZAAAAAElFTkSuQmCC'; |
| </script> |
| </body> |
| </html> |
