e45e7b256d
* Introduce mipgen frontend. For now this is fairly simple although it does let you choose a filter. Another cool feature is that an HTML file is generated which makes it easy to review the generated miplevels. This does not expose the Boundary enum to users because it has not yet been implemented in the core Image library. * Fix up mipgen per code review.
48 lines
1.5 KiB
HTML
48 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>test_image</title>
|
|
<style>
|
|
img {
|
|
image-rendering: pixelated;
|
|
border: solid 2px;
|
|
}
|
|
|
|
p.horizontal { font-size: 0 }
|
|
.horizontal img { border-left: 0; }
|
|
.horizontal img:first-of-type { border-left: solid 2px; }
|
|
.vertical img { border-top: 0; display: block }
|
|
.vertical img:first-of-type { border-top: solid 2px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<p>
|
|
Modern CSS lets you specify nearest-neighbor scaling, so a nice way of examining the results from
|
|
our filtering tests is this tiny web page. It can be refreshed at the touch of a button. Moreover
|
|
Chrome respects the color space attribute of PNG images, which cannot be said of many image viewers.
|
|
You can also use the <a href="http://www.colorzilla.com/chrome/">ColorZilla</a>
|
|
extension to scrub over color values.
|
|
</p>
|
|
|
|
<p class="horizontal">
|
|
<img src="mip0_5x10.png" width="200px" height="400px">
|
|
<img src="mip1_5x10.png" width="200px" height="400px">
|
|
<img src="mip2_5x10.png" width="200px" height="400px">
|
|
<img src="mip3_5x10.png" width="200px" height="400px">
|
|
</p>
|
|
|
|
<p class="vertical">
|
|
<img src="mip0_200x100.png" width="100px" height="50px">
|
|
<img src="mip1_200x100.png" width="100px" height="50px">
|
|
<img src="mip2_200x100.png" width="100px" height="50px">
|
|
<img src="mip3_200x100.png" width="100px" height="50px">
|
|
<img src="mip4_200x100.png" width="100px" height="50px">
|
|
<img src="mip5_200x100.png" width="100px" height="50px">
|
|
<img src="mip6_200x100.png" width="100px" height="50px">
|
|
<img src="mip7_200x100.png" width="100px" height="50px">
|
|
</p>
|
|
|
|
</body>
|
|
</html>
|