像素图放大后边缘多出颜色，怎样验证 imageSmoothingEnabled

需要保留像素图硬边时，可在 drawImage 前关闭 imageSmoothingEnabled，再以读回像素检查效果。开启平滑时边缘可能出现混合颜色，但具体插值算法与质量表现不能当作所有浏览器固定一致的保证。

两色源比复杂照片更容易定位

附件用2×1原创源图，左红右蓝，放大到16×8。无平滑时中线两侧应分别保持纯红与纯蓝；有平滑时取样可能包含两色混合。程序固定读取7、4与8、4，不依赖截图压缩或显示器缩放，让变化直接来自Canvas绘图结果，而不是浏览器外层的页面放大。

开关作用在后续绘图

imageSmoothingEnabled影响后续图像缩放绘制，改属性不会追溯修改已经画好的像素。脚本每组先清空再drawImage，避免旧结果叠加；如果只在画完之后改开关而不重绘，观察不到变化是正常的。需要缓存图块时，应记录哪一级缓存使用了平滑，最终画布关闭开关也不能把已经混合的源像素还原。

质量提示不能代替输出检查

imageSmoothingQuality是另一项提示，具体支持和算法依实现；本例不声称high就等于某个固定滤波器，也不比较缩小照片的主观质量。像素风展品通常希望保持硬边，摄影图放大则可能需要不同取舍。需求应写出目标尺寸和可接受效果，而不是把关闭平滑当作所有图像变清晰的通用设置。

检查完整缩放链

即使Canvas内部采用最近邻，元素之后仍可能被CSS缩放或浏览器缩放再次处理。目标终端应核对源位图、绘图目标位图、CSS显示尺寸和实际屏幕分辨率，必要时在一比一显示下复测。附件只验证当前Chromium的2D像素结果，没有测实体屏锐度、观看距离或GPU性能；边缘颜色变化不应被误写成色彩校准故障。

把开关和缩放比例同时记录

不开平滑但使用非整数缩放时，像素边缘仍可能因覆盖关系或后续CSS采样而显得不均匀；不能只给一个false值就保证所有像素方块等宽。本例使用8倍整数放大，目的是隔离平滑差异。实际交付应注明源尺寸、目标缓冲尺寸、CSS尺寸和浏览器缩放条件，再选择是否接受硬边，避免只在开发屏看一张放大截图就定结论。

下载并复现

下载原创HTML夹具、独立验证程序、本次执行记录和依赖与运行说明，放在同一目录。安装Playwright 1.58.0及其Chromium后运行 python verify.py；程序使用两个随机本地端口，自动关闭浏览器与服务，不请求外网或业务接口。

本次实际环境为Python 3.12.4、Playwright 1.58.0、Chromium 145.0.7632.6。Canvas2D或WebGL1页面API与像素读取；非指针输入、非实体GPU性能测量。断言已通过；完整事件和数值保留在执行记录，不能把它改名后当目标展项测量。

Canvas题限定2D上下文，WebGL题限定WebGL1；启动使用ANGLE SwiftShader软件后端参数，实际renderer可见对应执行记录。软件后端的像素结果不代表实体显卡性能、驱动稳定性或跨浏览器一致性。

继续核查与一级出处

基础背景见把图片改成300DPI为何仍不清楚，怎样核对像素与物理尺寸。画布缓冲与CSS尺寸不一致也会引入额外采样，可继续用Canvas 在高分屏上发虚，怎样核对 CSS 尺寸与绘图缓冲尺寸取证；相关工程入口在专题与产品对接说明。

• drawImage图像平滑开关；算法存在实现差异：2026-10-24已联网读取一级来源；WHATWG HTML Living Standard，读取页标记2026-10-22更新。