线性插值图像变清晰本地html

· · 科技·工程

注意，代码部分均由千问实现。

灵感来源

某日翻到以前自己写的一道题 B2108 图像模糊处理，突然发现这种操作方法多进行几次不就成一张纯色图了吗，所以出了一道题，以下为题干中的图像处理方法：

:::info[操作方法]{open} 1. 原图的每一个像素点，直接对应放置在高分辨率图像中所属的 2\times2 区块的左上角位置，例如原图第 i 行第 j 列的像素，会直接赋值给高分辨率图像的第 2i 行、第 2j 列的像素。

2. 高分辨率图像中，同一行相邻两个来自原图的原始像素点之间的空白像素，通过对左右两个原始像素的灰度值做线性插值计算得到，结果舍入到最接近的整数。

3. 高分辨率图像中，同一列相邻两个来自原图的原始像素点之间的空白像素，通过对上下两个原始像素的灰度值做线性插值计算得到，结果舍入到最接近的整数。

4. 所有和原始像素没有直接对齐的、处于 2\times2 区块右下角位置的空白像素，取它上下左右四个相邻的已经计算完成的像素的平均值，结果舍入到最接近的整数。

5. 超分后图像的边界位置：超出原图原始覆盖范围的边缘像素，直接和同方向最邻近的已计算完成的边界像素值保持一致，保证图像不会出现边界异常。

然后一寻思就想按照这种方法开发一个工具，奈何本蒟蒻太弱，不会什么 html，就直接用千问帮忙写啦。

代码

https://www.luogu.com.cn/paste/tycsl6zy

界面截图

背景颜色几何体数量这些均可自定义

声明

最后感谢千问的帮助，保证本人的贡献不小于 AI（别问为什么，提示词都是我自己写的）。