| <script src="resources/ensure-hidpi.js"></script> |
| <style> |
| img { |
| width: 200px; |
| height: 200px; |
| } |
| |
| p { |
| width: 200px; |
| height: 100px; |
| display: inline-block; |
| font: 20px/1 Ahem; |
| } |
| |
| .filtered { |
| -webkit-filter: blur(0px); |
| } |
| </style> |
| <div>This is testing HiDPI output from filters. The actual effects are no-ops.</div> |
| <img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><rect fill='green' width='100%' height='100%'/></svg>"> |
| <img class="filtered" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><rect fill='green' width='100%' height='100%'/></svg>"> |
| <div> |
| <p>Text</p> |
| <p class="filtered">Text</p> |
| </div> |